Accessible.JS

on YouTube ↗30m

" summary

JavaScript must not break accessibility; the talk gives concrete fixes: use aria-live="polite"/"assertive" for timed updates, toggle aria-hidden when showing modals and restore document.activeElement afterward, use tabindex="-1" to remove offscreen focusable items and set tabindex=0/1 for custom widgets, and always add keyboard handlers alongside onclick. Tests recommended are Lighthouse, WAVE, ChromeVox and a11y.js; notes legal risk (EU 2016 directive, UK lawsuits) and links to a demo and GitHub repo (accessible-js).

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 18:18Manual tests
3. 19:52Accessibility testing tools
4. 21:31Resources
5. 22:04Further Reading

" related talks

• 26mAccessibleJSJemima Abu · GOTOpia Chicago 2021
• 33mAccessibility and JS: side-by-sideFelipe de Albuquerque · JSConf US 2015
• 35mInaccessible websites? - it's you, not JavaScriptAnuradha Kumari · JSConf Korea 2020 Home Edition
• 29mJavaScript for EverybodyMarcy Sutton Todd · JSConf EU 2014
• 47mAccessible JavaScript: it's easier than you think!Gian Wild · Conf42 JavaScript 2025
• 32mBetter Accessibility with JavaScriptMelanie Thewlis · Reject.JS 2015
• 35mAccelerating accessibility in webHidde de Vries · Git Commit Show 2021
• 33mAccessibility Done RightMichelle Sanver · PHP UK Conference 2015