Название: Web Accessibility Cookbook: Creating Inclusive Experiences (Final Release)
Автор: Manuel Matuzović
Издательство: O’Reilly Media, Inc.
Год: 2024
Страниц: 406
Язык: английский
Формат: epub
Размер: 36.3 MB

Frontend developers have to consider many things: browser compatibility, usability, performance, scalability, SEO, and other best practices. But the most fundamental aspect of creating websites is one that often falls short: accessibility. Accessibility is the cornerstone of any website, and if a website is inaccessible, users won't be able to interact with it, obtain information, sign up for services, or buy products.

The Web Accessibility Cookbook provides you with dozens of recipes to help you avoid these failures. You'll learn how to build common components, such as main navigation, filters, and dialogs, in an accessible manner. Each recipe not only explains how to build things but also why. Author Manuel Matuzovic provides the knowledge you need to create your own accessible components and address your users' varying needs, abilities, and preferences.

What makes accessibility technically interesting, besides its human nature, is its complexity, range, and interrelationship with other disciplines on the web. To make accessible websites, you need a core knowledge of user interface (UI) design, user experience (UX), usability, performance, content strategy, search-engine optimization (SEO), and security. A website with poor performance is inaccessible, bad UX usually means bad UX for everyone, poorly written HTML is bad for SEO and accessibility, and so on.

Accessibility doesn’t just touch on the different disciplines of web development and design–it inherently connects them. Therefore, doing it well requires knowledge and interest in a broad range of disciplines. That’s challenging, and many web developers see accessibility as a daunting burden. However, clearing that hurdle can be exciting and gratifying, no matter what stage you’ve reached in your career.

More than 70 recipes describe how to build the most common patterns on the web accessibly. Each chapter outlines problems, provides solutions written in code, and explains how different pathways might affect users. You will learn how to write accessible frontend code and, most importantly, why you should. In the end, web accessibility will be less obscure to you and you’ll be equipped to build and test your own accessible solutions.

With this practical guide, you will:

Learn how to build websites that feature inclusive frontends
Discover the common obstacles website users face every day
Understand how your decisions impact users
Learn how to build accessible frontends step-by-step
Write high-quality markup and CSS
Evaluate the accessibility of frontend components

Who This Book Is For:
This book is for anyone who writes frontend code: frontend developers, UX engineers, full stack and backend developers. It doesn’t matter if you’re new to web development or have been writing HTML, CSS, and jаvascript for over a decade. You want to learn how to structure pages and components with HTML and how semantic elements affect user experience. You know CSS and want to learn how to style your websites in a way that serves your users. You are interested in ARIA and how to use it efficiently to improve the experience of interactive components written in jаvascript.

The Web Accessibility Cookbook provides everything you need to know to create accessible sites, pages, and components. It starts at a high level, explaining how to structure documents, then zooms in to discuss general topics like using links, buttons, tables, and forms in depth. There is a strong focus on HTML because it’s the foundation of any accessible website, but the book also contains many components powered by jаvascript, like toggles, accordions, modals, filters, and navigations. This book is for you if you want to not just copy and paste solutions, but really understand how they work and how they benefit your users.