Better Accessibility with JavaScript

on YouTube ↗32m

" summary

Practical fixes and tiny libraries arrive ready to drop into projects: add WAI landmark roles and a skip link, normalize tab order, and hide screen-only context with screen-reader-text CSS; adapt Leaflet by removing tile alt noise, setting marker images to role=presentation, and moving focus into marker popups; make carousels respond to left/right keys and shift focus to announce filtered counts; tested with VoiceOver and JAWS and shown to improve keyboard and screen‑reader navigation.

AI-written summary · about

" chapters (13)

1. 0:00Introduction
2. 2:45What is accessibility
3. 3:30Assistive technologies
4. 4:45Accessibility
5. 6:40Legal frameworks
6. 8:00Practical examples
7. 9:10Standards
8. 11:58WARIA
9. 13:20UK Legislation
10. 15:55Code Walkthrough
11. 18:47Logical Tab Index
12. 23:57Leaflet
13. 27:06Carousel

" related talks

• 30mAccessible.JSJemima Abu · CityJS Conference 2020
• 31mDeveloping for EveryoneSergei Kriger · Øredev 2019
• 26mAccessibleJSJemima Abu · GOTOpia Chicago 2021
• 33mAccessibility Done RightMichelle Sanver · PHP UK Conference 2015
• 33mAccessibility and JS: side-by-sideFelipe de Albuquerque · JSConf US 2015
• 41mTales of Accessibility FailuresEva Ferreira · SmashingConf New York 2022
• 35mAccelerating accessibility in webHidde de Vries · Git Commit Show 2021
• 22mBetter accessibility with a user-centric viewMarianna Österlund · React Finland 2022