Accessibility is a legal requirement in many sectors and a mark of quality in all of them. This training teaches developers how to build Vue.js components and single-page applications that meet WCAG and BITV standards — with a strong focus on practical, hands-on implementation and a mobile-first perspective throughout.

Who is this training for?

Vue.js developers and frontend engineers who need to implement or audit accessibility in their applications, and teams subject to legal accessibility requirements (e.g. BITV, EU Web Accessibility Directive).

Agenda

Introduction (Theory)

• What is accessibility and why does it matter?
• Relevant standards: WCAG and BITV
• Accessibility challenges in SPAs and JavaScript frameworks
• Mobile First: challenges and opportunities for accessibility on small screens

Accessible Vue Components (Practice)

• Semantic HTML in Vue components
• Mobile First: touch targets, spacing, and readability on small screens
• Keyboard operability: tab order in dynamic components, focus management in modals
• ARIA attributes: when and how to use them in Vue
• Accessible forms: labels, error messages, touch-optimised inputs
• Dynamic content and screen readers: live regions and dynamic updates, zoom and reading order on mobile

Testing Accessibility

• Automated testing: lighthouse-ci, axe-core, vue-axe, GitHub CI integration
• Manual testing: keyboard navigation, screen readers, contrast tools

Refactoring Exercise

• Mob/pair programming: analysing and fixing a non-accessible Vue component together

Wrap-Up

• Legal requirements and compliance overview
• Technical implementation checklist
• Checklists and tools for Vue.js projects
• Curated link list and mobile-first resources