Learn how to make your website applications accessible to a wider audience. Use keyboard shortcuts and navigation to help both power users and those with disabilities. Make sure your website works well with screen readers and explore using ARIA to make even the most complex UI's fully accessible!
Overview
Syllabus
- Introduction
- What is Accessibility
- Ways People Use the Web
- Curb Cut Effect and Q&A
- Accessibility Standards
- Screen Readers
- Alternative Text & Captions
- Screen Reader Exercise
- Screen Reader Solution
- Accessible HTML
- Accessible Form Field Labels
- Buttons
- Accessibility Problems Exercise
- Accessibility Problems Solution
- ARIA
- Live Regions & ARIA Exercise
- ARIA Solution
- Focus Management
- Skip Links
- Focus Management Q&A
- Tab Navigation
- Active Element & Tab Trapping
- Skip Link Exercise
- Skip Link Solution
- Color Contrast & Visual Impairments
- Set Language & Fixing Markup
- Prefers Reduced Motion
- Prefers Color Scheme & Visuals Exercise
- Visuals Solution
- Accessibility Linters & Dev Tools
- Additional Resources
- Wrapping Up
Taught by
Jon Kuperman