A11Y with Vue - Can everyone reach your application?
summary
Shows a real, working Vue component: an accessible toggle built with aria role="switch" that emits a toggle event and changes theme, documented in an MDX Storybook story. Demonstrates automated checks via Storybook accessibility add-on (powered by axe) and browser tools—Lighthouse, Axe DevTools, ARC—and cites 57% of issues caught automatically. Includes manual validation with VoiceOver/TalkBack and a blindfolded purchase attempt that fails, exposing remaining usability gaps.
AI-written summary · about
chapters (5)
- 0:00Start
- 14:21Cognitive Disability
- 36:03Test automation Within Storybook
- 42:58Manual Testing
- 44:10Challenge!
related talks
13mA11y Broke My Build
30mWeb Accessibility with VueJS
52mResearching and Writing Accessible Vue ... Thingies
31mAccessibility with Vue
15mSweet, savory, and fresh! Accessible design system Storybook tests
13mA11y Broke My Build
41mBuilding Accessible Vue Components
21mTesting A11y: Validating Web App Accessibility