Accessible JavaScript In Action
summary
Shows a real flow: a Threadless-style Spin to Win modal that grants a 20% coupon, then a keyboard and VoiceOver walkthrough that reveals it fails to announce the discount. Demonstrates JavaScript patterns that store prior focus, build an array of focusable elements and trap tabbing between first and last, use Escape to close, and leverage aria-modal/Drupal.announce. Shares a TV Mega Menu build with arrow-key navigation and reports the modal approach increased conversions in one project.
AI-written summary · about
chapters (10)
- 0:00Introduction and speaker background
- 3:11Accessibility challenges and modals
- 10:29JavaScript focus management in modals
- 17:27Screen reader experience with modals
- 23:40Marketing goals vs user experience
- 29:20Alternatives to disruptive pop-ups
- 30:05Type-ahead and ARIA live announcements
- 32:16Keyboard navigation in mega menus
- 36:05Navigation menu patterns
- 37:55Key takeaways and Q&A
