Menu

JSLeague's

Accessible by Design:
WCAG & EAA for Frontend Devs

Course duration

  • 2-3 days

Technical requirements

  • 80%
    HTML & CSS
  • 50%
    JavaScript

Course scope

Practical WCAG 2.2 implementation for developers: semantic markup, ARIA, keyboard and focus handling, accessible forms and components, plus the EN 301 549 / European Accessibility Act context so the team understands what's legally required and why. Ends with an audit checklist and testing setup (axe, Lighthouse, screen reader) your team can reuse.

Who is it for

Frontend teams at companies in scope of the EAA (finance, e-commerce, telecom, public-facing digital services) who need to close accessibility gaps before an audit or complaint forces the issue. Suited to all developers.

Course description

  1. Why accessibility now: WCAG 2.2, EN 301 549 and EAA enforcement in plain terms
  2. Semantic HTML and the accessibility tree
  3. ARIA basics: when to use it, when not to
  4. Keyboard navigation and focus management
  5. Accessible forms, labels and validation messaging
  6. Accessible modals, menus and custom components in Angular / React
  7. Color contrast, responsive layout and zoom
  8. Automated testing with axe and Lighthouse in CI
  9. Manual testing with a screen reader
  10. Writing an accessibility statement and audit checklist
  11. Case study: remediating a real component library
  12. Q&A and next steps for your codebase

Full Curricula

Interested in other JS trainings ?

jsleague logo big
{ }