Is Your Site Keyboard Accessible?

on YouTube ↗45m

" summary

Shows how to make web interfaces fully operable with a keyboard, covering keyboard accessibility techniques (Tab navigation, focus management, ARIA patterns) and concrete code examples for frontend developers. Explains common pitfalls, how much work it takes to implement keyboard-friendly UIs, and points to quick-reference resources for implementing more complex behaviors.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 2:12Keyboard accessibility importance
3. 5:22Masaru site overview
4. 16:40RZD site issues
5. 25:18Inaccessible elements causes
6. 32:30Accessibility checklist
7. 36:04Resources and recommendations
8. 39:14Summary and Q&A

" related talks

• 25mLove Thy KeyboardSarbbottam Bandyopadhyay · EmpireJS 2018
• 26mMake the internet a better place - with coding for accessibilityLarissa Günther · XConf Europe 2023
• 31mThree Cheers for Keyboard AccessibilityMarcy Sutton Todd · CSSConf US 2014
• 35mAccelerating accessibility in webHidde de Vries · Git Commit Show 2021
• 32mCommon ways we break accessibility and how to avoid themLaura Carvajal · Render Conference 2018
• 33mAccessibility and JS: side-by-sideFelipe de Albuquerque · JSConf US 2015
• 41mWhat If We Talked About Web Accessibility?Olivier Leplus · DevFest Toulouse 2018
• 39mManaging Focus for Accessible Digital Applications: From the Essential to the UnnecessaryGisely Lucas · DevDay 2019