Название: Designing Accessible Websites and Applications: A Modern Approach to a More Accessible Web
Автор: Pavle Paunovic
Издательство: Apress
Год: 2025
Страниц: 149
Язык: английский
Формат: pdf (true), epub (true)
Размер: 10.1 MB

Building websites with accessibility in mind is imperative for today’s developers. Accessibility encompasses everything from keyboard navigation and screen reader compatibility to color contrast and error handling, ensuring an inclusive experience for individuals with disabilities affecting vision, hearing, mobility, or cognitive functions.

Designing Accessible Websites and Applications guides you through the entire process of creating accessible websites, covering topics like semantic HTML, ARIA roles, implementing keyboard navigation, and designing for users with color blindness. For example, error states or buttons should not rely solely on the color red and success messages need more than just green checkmarks or buttons to be understood by everyone.

Whether working on a website, a blog, or online store, applying these principles will help you design truly user-friendly and accessible websites. This book will teach you how to validate color contrast, structure HTML, write accessible jаvascript, and ensure accessible playback of video and audio content. It also provides insights into creating accessible forms and leveraging modern frameworks like React, Vue, and Angular.

As you are aware, web accessibility ensures that websites and web applications are usable by everyone. As a developer, when you use a framework or library such as React, Vue, or Angular, you have a responsibility to create applications for users regardless of their abilities or browsing preferences. Modern frameworks have transformed how you build web applications, as well as have introduced many accessibility challenges. Single-page applications (SPAs), dynamic content updates, and a complex component hierarchy can introduce barriers for screen readers and other assistive technologies. The good news that each of these frameworks provides tools to help developers create accessible applications.

For example, having a complex hierarchy of components, one of the biggest features of modern frameworks, can break a basic semantic HTML structure.
A button component can render perfectly visually but lose its connection to the form label when it is part of a parent component, creating confusion for screen readers. The Virtual DOM, while enabling good performance updates, can also disrupt assistive technologies that rely on a DOM reference. Components re-render with frameworks. When a component re-renders, screen readers might lose their place in complex user interfaces, forcing users to start again.
In addition, heavy use of div elements rather than semantic HTML can cause problems.

In this chapter, you will explore accessibility principles in React, Vue, and Angular and dive deep into best practices when using them. Whether you are working with React, Vue, or Angular, the core principles remain the same. You are building for all users, which means that everyone can use what you create. Each framework has own unique characteristics when it comes to accessibility, but keep in mind that everything you have learned in previous chapters is still valid. We will focus on screen readers, keyboard navigation, ARIA, and tools and testing. This chapter assumes that you know the basics of how to use these frameworks.

You Will:
Learn how to use ARIA attributes to enhance navigation and interaction for users relying on screen readers
Discover how to use color effectively for used with impaired vision and color blindness, moving beyond color cues to communicate error and success states effectively
Gain insights into developing accessible web applications using modern front-end frameworks like React, Vue, and Angular, while adhering to accessibility principles

This book is for:
Web developers and designers, UI Developers, freelancers and business owners who need to build and design their own websites or app and need to adhere to accessibility best practices and regulations.

Contents:







ОТСУТСТВУЕТ ССЫЛКА/ НЕ РАБОЧАЯ ССЫЛКА ЕСТЬ РЕШЕНИЕ, ПИШЕМ СЮДА!