Web Accessibility Cookbook

Inhaltsverzeichnis des Buches

• 1. Structuring Documents
• 1.1. Define the natural language
• 1.2. Describe the document
• 1.3. Set the viewport width
• 1.4. Optimize rendering order
• 1.5. Structure the document
• 2. Structuring Pages
• 2.1. Create navigation landmarks
• 2.2. Create form landmarks
• 2.3. Label landmarks
• 2.4. Structure the main content
• 2.5. Create a sound document outline
• 2.6. Present content in order
• 3. Linking Content
• 3.1. Pick the right element
• 3.2. Create download links
• 3.3. Create email links
• 3.4. Link images
• 3.5. Inform users of changing context
• 3.6. Add client-side rendering
• 3.7. Add links to groups of elements
• 3.8. Style links
• 4. Performing Actions
• 4.1. Pick the right element
• 4.2. Label buttons clearly
• 4.3. Remove default button styles
• 4.4. Add states and properties
• 4.5. Don’t disable buttons
• 5. Managing Focus
• 5.1. Provide focus styles
• 5.2. Make elements focusable
• 5.3. Move focus
• 5.4. Keep focus contained
• 5.5. Preserve order
• 5.6. Allow users to skip elements
• 6. Navigating Sites
• 6.1. Create a Main Navigation
• 6.2. Highlight the active page
• 6.3. Announce the number of items
• 6.4. Provide quick access
• 6.5. Hide the navigation on narrow viewports
• 6.6. Add a slide-in animation
• 6.7. Add sub menus
• 6.8. Avoid confusion with menus
• 7. Toggling Content Visibility
• 7.1. Hide content
• 7.2. Create a native disclosure widget
• 7.3. Create a custom disclosure widget
• 7.4. Create groups of disclosure widgets
• 8. Filtering Data
• 8.1. Create a form
• 8.2. Filter the data
• 8.3. Paginate results
• 8.4. Sort and display results
• 8.5. Group filters
• 9. Debugging Barriers
• 9.1. Find accessibility issues automatically
• 9.2. Explore the accessibility tree
• 9.3. Debug roles, names, properties, and states
• 9.4. Visualize tabbing order
• 9.5. Emulate color deficiencies, reduced motion, and more
• 9.6. Write custom debugging rules