Web Accessibility with VueJS

on YouTube ↗30m

" summary

Demonstrates concrete steps and tools: cites 61 million U.S. adults with disabilities and over a billion worldwide with $6 trillion spending power, shows how to add aria role="search" to expose landmarks, uses Chrome DevTools accessibility panel and a Lighthouse audit score to find missing alt text and color-contrast failures, experiments with tabindex and focus management and keyboard-only navigation, builds reusable Vue form components, installs a PWA via Vue CLI, and fixes issues until audits reach 100.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:48What is Web Accessibility?
3. 2:59Types of disabilities
4. 4:08Why should companies care?
5. 5:14Now what?
6. 5:24Start Small
7. 5:58Accessibility Basics
8. 6:46Semantic Elements
9. 8:48Keyboard Accessibility
10. 9:50Web Accessibility with Vue.js
11. 27:57Resources

" related talks

• 31mAccessibility with VueCallum Macrae · Vue.js Amsterdam 2019
• 41mBuilding Accessible Vue ComponentsHomer Gaines · Vueconf.US 2022
• 46mA11Y with Vue - Can everyone reach your application?Geisy Domiciano · vueday 2022
• 35mMedia for everyone - how to make your Vue Apps accessible for all usersMaya Shavin · Vue.js Amsterdam 2019
• 22mFrom a Workshop to a Wake-Up Call: My Journey into AccessibilityTamari Gogebashvili · JCON EUROPE 2026
• 29mMaintaining Accessibility in Vue ComponentsMark Noonan · Vue.js Nation 2025
• 44mTesting Web AccessibilityAdrián Bolonio · jsday 2022
• 01h 07mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Melbourne 2022