Making the Web Work for Everyone

Sections

1. What is digital accessibility?
2. Why does it matter?
3. How do I build accessible stuff?
4. Live demos!
5. Testing for accessibility
6. How can you make things better?
7. Learning more

Code samples

1. Page structure - how landmark tags affect screen reader usability
   • Inaccessible version
   • Accessible version
2. Forms - using <label>s, grouping controls using <fieldset>, handling and associating valiation errors, and more
   • Inaccessible version
   • Accessible version

Packages used

• Reveal.js
• reveal-a11y plugin by Marcy Sutton
• Custom theme under ./revealjs/css/theme/source/accessible360--dark.scss