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.

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

Table of Contents

CHAPTER 1 Structuring Documents

CHAPTER 2 Structuring Pages

CHAPTER 3 Linking Content

CHAPTER 4 Performing Actions

CHAPTER 5 Styling Content

CHAPTER 6 Managing Focus

CHAPTER 7 Navigating Sites

CHAPTER 8 Toggling Content Visibility

CHAPTER 9 Constructing Forms

CHAPTER 10 Filtering Data

CHAPTER 11 Presenting Tabular Data

CHAPTER 12 Creating Custom Elements

CHAPTER 13 Debugging Barriers

About the Author

Manuel Matuzovic is a frontend developer, consultant, accessibility auditor, and teacher with over 20 years of experience creating websites. He has helped cities, universities, retail stores, e-commerce sites, and small and large businesses create accessible products.