Live · status OK
Back to blog
Maintenance13 min

Web Accessibility and the European Accessibility Act 2025: WCAG 2.2 Guide

TL;DR

The EAA 2025 requires WCAG 2.2 level AA compliance for e-commerce, banking, transport, telecom and digital services in the EU. Penalties: administrative fines up to several million euros, market withdrawal. Audit mandatory before June 2025 (retroactive). 2026 stack: axe DevTools, Lighthouse a11y, screen readers (NVDA, VoiceOver), full keyboard navigation, 4.5:1 contrast, alt text, ARIA labels, labelled forms.

Julien Daniel
ByJulien Daniel
Founder & CTO, OptionWeb
Share
Accessibility symbol with WCAG 2.2 checklist and European flag

On 28 June 2025, the European Accessibility Act (EU Directive 2019/882) came into application after 5 years of transition. Almost every European SME operating online is now concerned, and WCAG 2.2 level AA compliance is no longer optional. Here is what to know and do in 2026 to stay on the right side of the law — and to simply make your website usable by the 87 million Europeans with disabilities.

1. What is the European Accessibility Act?

The EAA (Directive 2019/882) harmonises digital accessibility rules across the European Union. Adopted in 2019, transposed by Member States between 2020 and 2022, it came into force on 28 June 2025 — with retroactivity for existing services.

Reference technical standard: EN 301 549 v3.2.1, aligned directly with WCAG 2.1 AA (WCAG 2.2 extension expected in 2027). In practice, in 2026, targeting WCAG 2.2 AA has become the industry standard.

2. Who is concerned in 2026?

Non-exhaustive list of businesses concerned by the EAA:

  • B2C e-commerceAny online store selling to consumers in the EU (Shopify, WooCommerce, Magento, custom)
  • Online banking servicesSites and apps of banks, neobanks, payment services
  • Passenger transportTicketing sites, traffic info, mobility apps
  • TelecommunicationsPhone/internet operators, subscription and account management sites
  • Digital servicesSaaS, booking platforms, marketplaces, audiovisual services
  • E-books and e-readersEbook publishers, reader vendors

Microenterprise exemption: company with fewer than 10 staff AND less than €2M annual turnover. Cumulative criteria — exceeding either one = mandatory compliance.

3. WCAG 2.2 level AA: 50 key criteria

WCAG 2.2 level AA contains 50 success criteria organised around 4 principles: Perceivable, Operable, Understandable, Robust (POUR). The most impactful for an SME:

CriterionLevelImpact
Alt text on all imagesACritical — without alt, image is invisible to screen readers
Text contrast 4.5:1 (3:1 large)AACritical — affects low-vision AND normal vision in bright sunlight
Full keyboard navigationACritical — 5% of users cannot use a mouse
Visible focus (focus ring 2-4px)AACritical — without focus ring, keyboard navigation impossible
Labels associated with inputsACritical — forms unusable without labels
ARIA roles/labels on custom componentsACritical — modals, dropdowns, accordions
Logical heading hierarchyAImportant — H1→H2→H3 without H2→H4 jumps
Text resizable up to 200%AAImportant — no overflow, no horizontal scroll
Minimum target size 24×24 CSS pixelsAA (2.2)New 2.2 — clickable buttons and links
Accessible authenticationAA (2.2)New 2.2 — no auth based solely on memory/cognition

4. Accessibility audit: tools and method

OptionWeb 3-tier methodology:

  1. Automated audit — covers 30-40% of issues in 30 minutes
  2. Manual audit — covers the remaining 60-70% in 4-8 hours
  3. Real user tests — final validation with people with disabilities
ToolTypePriceCoverage
axe DevToolsAuto (extension)FreeExcellent, +10% in pro
Lighthouse a11yAuto (Chrome)FreeGood, built into DevTools
WAVEAuto (extension)FreeGood, error visualisation
Pa11y CLIAuto (CI/CD)FreeExcellent for automation
NVDAScreen readerFree (Windows)Standard for manual audit
VoiceOverScreen readerIncluded macOS/iOSApple standard
StarkPro audit$8-30/monthFigma plugin + live audit
Tenon.ioAPI audit$0.02/scanFor devs, custom integration

5. Priority fixes (by impact)

Top 10 fixes that solve 80% of accessibility issues on an SME site:

  1. Add descriptive alt text to all content images (empty alt for decorative)
  2. Check 4.5:1 contrast on all text (Stark, axe or Color Contrast Analyser)
  3. Test full keyboard navigation: Tab + Shift+Tab + Enter + Space + arrows
  4. Add visible focus rings 2-4px (never outline: none without alternative)
  5. Associate every <input> with a <label for> or wrapping <label>
  6. Add ARIA roles/labels on custom components (modal, dropdown, tabs)
  7. Check heading hierarchy: unique H1 per page, logical order without jumps
  8. Allow 200% zoom without overflow or horizontal scroll
  9. Convert target size to min 24×24 CSS pixels (buttons, clickable links)
  10. Skip link 'Skip to main content' at start of page (visible on focus)
components/SkipLink.tsxtsx
export function SkipLink() {
  return (
    <a
      href="#main-content"
      className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
    >
      Aller au contenu principal
    </a>
  );
}

6. Accessibility statement

Mandatory document on a dedicated page (footer link), to be updated annually. Must contain:

  • Compliance level reachedFully compliant / Partially compliant / Non-compliant
  • Evaluation methodologyInternal or external audit, tools used, audit date
  • Standards appliedWCAG 2.2 AA, EN 301 549, RGAA if France
  • List of known non-accessible contentWith remediation timeline
  • Exempt contentIf applicable (disproportionate burden, archives) with justification
  • Contact detailsEmail/form to request an accessible version
  • Right of appealMention of right to refer to the competent authority (ARCOM in France, ombudsman)

7. Penalties and risks

Risk level by country:

CountryMaximum penaltiesAuthority
FranceUp to €50,000 per non-compliance (RGAA + EAA)ARCOM, DGCCRF
BelgiumVariable by Region (Wallonia, Flanders, Brussels)Federal EAA Commission
GermanyUp to €100,000 (BFSG)Marktüberwachungsbehörden
SpainUp to €600,000 (LGCA)Ministerio de Asuntos Económicos
ItalyUp to 5% of turnover (Stanca Act + EAA)AgID
NetherlandsVariable per ACMAutoriteit Consument & Markt

Related risks often costlier than the fine:

  • Class actionPossible in France and Belgium, cumulative damages potentially significant
  • Loss of public contractsMandatory accessibility clauses in public tenders
  • Reputational damagePublic lists of non-compliant sites by associations (APF, Valentin Haüy)
  • Audience loss15-20% of the European population has a disability

2026 compliance checklist

  • EAA applicability confirmedScope check + microenterprise exemption
  • Full audit completedAuto + manual + user tests within 12 months
  • Top 10 fixes appliedAlt, contrast, focus, labels, ARIA, hierarchy, zoom, target, skip link
  • Accessibility statement publishedDedicated page, footer link, annual update
  • Tests integrated in CI/CDjest-axe or Playwright + axe-core on every PR
  • Editorial team trainingWriting alt text, contrast, structure
  • Annual external audit scheduledValidation by a third-party expert
Tags#accessibility#eaa#wcag#a11y#compliance#rgaa