Keys To An Accessibility Mindset
summary
Accessible design equals good design and follows four principles: Perceivable, Operable, Understandable, Robust. Three concrete keys: use element types that match function (demo compares anchor vs button vs div), add ARIA or native elements so markup communicates visual state (radial and linear progress demos plus VoiceOver output), and use more than color to show state (nav and metric/imperial example). Guidance targets WCAG AA and notes a CI check tool that flags about 30 objective issues; EU accessibility act applies June 28 2025.
AI-written summary · about
chapters (10)
- 0:00Introduction to accessibility
- 1:09How accessibility benefits everyone
- 5:39Misunderstanding of accessibility
- 7:24Four core accessibility principles
- 10:17Markup is functional not visual
- 13:28Perceivable markup for progress bars
- 16:59Markup must communicate design
- 21:12Use more than color for states
- 22:56Recap of accessibility mindset
- 24:25Q&A on internal tools and standards
related talks
44mDesigning with Accessibility in Mind
52mCommon Accessibility Pitfalls
35mAccelerating accessibility in web
19mAccessibility isn't hard; getting people to see it's easy can be with Sarrah Vesselov
33mAccessibility needs to be the future of better technology
38mGuidelines on Designing for Accessibility in UX Design
31mWeb Accessibility: From Design to Code, How to Move Toward Greater Inclusion
01h 05mAccessibility Testing 101