From a Workshop to a Wake-Up Call: My Journey into Accessibility
summary
Starts from a compliance note about the European Accessibility Act and moves into concrete, code-level fixes that are quick to implement: semantic HTML and ARIA, proper labels for form inputs, meaningful alt attributes, keyboard focus via tabindex or native button elements, and clear color contrast plus non‑color error indicators. Demonstrates automated checks with Lighthouse score 82 and Axe DevTools (about 7 issues on the example site), and shows Vuetify components still need manual accessibility work.
AI-written summary · about
chapters (9)
- 0:00Introduction to accessibility
- 1:09What accessibility really means
- 3:19Proper HTML structure matters
- 5:50Accessibility in frameworks
- 6:36Keyboard navigation essentials
- 8:41Form labels and accessibility
- 10:05Color contrast and usability
- 11:30Testing tools for accessibility
- 17:29Q&A session
related talks
01h 05mAccessibility Testing 101
31mWeb Accessibility: From Design to Code, How to Move Toward Greater Inclusion
41mBuilding Accessible Vue Components
30mWeb Accessibility with VueJS
25mBeyond Compliance: Testing for a more Accessible Web
37mAccessibility Matters: Creating a Better Web
26mAccessibility Is a Marathon, not a Sprint
01h 07mA web for anyone, anywhere, anytime