Web Accessibility, don’t be Beyoncé
summary
Beyoncé.com faces an ADA class action for denying blind users shopping access, and an automated WebAIM scan of the top million homepages finds an average of 60 accessibility errors and 98% of sites with failures. Examples from the store: an animated GIF with no stop control and promo text embedded in images with no alt text, plus navigation that breaks for keyboard users because of empty links and click-only menus. Recommended tools: VoiceOver/JAWS/NVDA, WebAIM/WAVE, Pa11y and remove CSS to test structure.
AI-written summary · about
chapters (16)
- 0:00Introduction and welcome
- 1:04What’s wrong with Beyoncé
- 2:46Web accessibility basics
- 4:10How diverse users access the web
- 6:58Accessibility like performance
- 8:02State of accessibility on the web
- 10:58Automated tests vs real users
- 11:20Assistive technologies overview
- 13:09How screen readers work
- 15:25Screen magnification and zoom
- 16:49Voice recognition and other tools
- 18:18Beyoncé website top offenders
- 21:54Keyboard navigation issues
- 24:23Useful accessibility resources
- 27:13Testing accessibility tips
- 28:30Q&A and closing
related talks
50mAccessibility by Everyone (and for Everyone)
40mAccessibility, what, why and how?
25mPrevent, Catch and Fix Accessibility Issues
33mWeb accessibility in practice, more than just WCAG
50mAccessibility by Everyone (and for Everyone)
37mMaking A Strong Case For Accessibility
41mAccessibility is a Requirement
22mWeb Accessibility?