Web accessibility and the European Accessibility Act: a practical compliance guide for 2026

Introduction

Since June 28, 2025, the European Accessibility Act (EAA) has been officially in force across the European Union. This directive requires businesses to make their digital products and services — including websites and applications — accessible to people with disabilities.

In France, 12 million people live with a disability, nearly 20% of the population. Across Europe, 87 million citizens are affected. Ignoring accessibility means not only excluding a significant portion of your audience but now also risking financial penalties of up to €75,000.

Yet, according to the WebAIM Million Report 2025, 96.3% of homepages analyzed contained at least one automatically detectable accessibility error. This guide provides a clear, actionable roadmap to achieve compliance.

What is the European Accessibility Act?

The legal framework

The EAA (Directive 2019/882) is a European directive transposed into national law in each Member State. It applies to:

• Websites and mobile applications
• E-commerce services
• Online banking services
• Transport services (ticketing, travel information)
• E-books and e-readers
• Electronic communication services

Who is affected?

All businesses offering digital services to consumers in the EU, except micro-enterprises with fewer than 10 employees and turnover below €2 million. If your site sells products, takes online appointments, or offers a digital service, you are likely affected.

Penalties

Penalties vary by country, but in France:

• Fines up to €75,000 per infringement
• Mandatory compliance under penalty
• Publication of non-compliance (reputational damage)
• Legal action by associations and individuals

WCAG 2.1 AA: the standard to meet

The EAA relies on the Web Content Accessibility Guidelines (WCAG) 2.1, Level AA. These guidelines are organized around 4 fundamental principles (Perceivable, Operable, Understandable, Robust):

1. Perceivable

Information must be presented in ways that can be perceived by all available senses.

Most common errors:

• Images without alt text: this is the #1 error detected on the web. Every informative image must have a descriptive alt attribute.

`html

`

• Insufficient contrast: text must have a contrast ratio of at least 4.5:1 against its background (3:1 for large text).

• Videos without captions: any video with audio content must be captioned. YouTube auto-captions are not sufficient.

2. Operable

The interface must be navigable and usable by everyone, including keyboard and assistive technology users.

Critical points:

• Keyboard navigation: every interactive element must be accessible via the Tab key. Tab order must follow visual logic.

`css

/* Never do this */

*:focus {

outline: none;

}

/* Customize focus, don't remove it */

*:focus-visible {

outline: 3px solid #4A90D9;

outline-offset: 2px;

border-radius: 4px;

}

`

• Sufficient touch targets: buttons and links must measure at least 44x44 pixels.

• No keyboard traps: a keyboard user should never get stuck in an element.

3. Understandable

Content and interface operation must be understandable.

Best practices:

• Page language declared: add the lang attribute to the tag.

`html

`

• Explicit form labels: every field must have an associated .

`html

Email address

`

• Clear error messages: form errors must explain the problem and how to fix it.

4. Robust

Content must be compatible with current and future assistive technologies.

Essentials:

• Semantic HTML: use the right tags.

`html

Contact

Send

Send

`

• ARIA attributes when needed: use ARIA roles and properties to enrich semantics when native HTML isn't enough.

`html

aria-expanded="false"

aria-controls="main-nav"

aria-label="Open navigation menu"

>

`

Compliance checklist: the 15 essential points

Visual content

• All informative images have relevant alt text
• Videos have verified captions
• Text/background contrast meets the 4.5:1 minimum ratio
• Information is never conveyed by color alone

Navigation

• The entire site is keyboard-navigable (Tab, Enter, Escape)
• Focus indicator is visible and customized
• Tab order is logical
• A "Skip to main content" link is present at the top

Forms

• Every field has an explicit associated label
• Errors are clearly described with correction suggestions
• Required fields are indicated (not only by a red asterisk)

Structure and semantics

• Heading hierarchy is logical (H1 to H2 to H3, no skipped levels)
• Page language is declared (lang="en")
• ARIA landmarks or semantic tags structure the page
• The site is responsive and usable at 200% zoom

Tools for testing accessibility

Automated tools (detect ~30% of issues)

• axe DevTools (Chrome/Firefox extension): the industry standard, free
• WAVE (wave.webaim.org): visual error analysis
• Lighthouse (built into Chrome): accessibility audit
• Pa11y: command-line tool for CI/CD integration

Manual testing (essential for the remaining 70%)

• Keyboard navigation: browse your entire site using only Tab, Enter, and Escape
• Screen reader: test with VoiceOver (Mac), NVDA (Windows), or TalkBack (Android)
• 200% zoom: verify everything remains readable and functional
• High contrast mode: enable it in your OS settings

Professional audit

An automated audit only detects about 30% of accessibility issues. For real compliance, a manual audit by an expert is recommended. It costs between €2,000 and €8,000 depending on site size.

Accessibility as a competitive advantage

1. A market of 87 million people

People with disabilities and their families represent purchasing power of over €1 trillion in Europe.

2. Better SEO

Accessibility and SEO share many common criteria: semantic HTML, alt text, logical heading structure. An accessible site is naturally better ranked.

3. Better UX for everyone

Accessibility improvements benefit all users: captions on public transport, good contrast in sunlight, keyboard navigation for power users, form labels for everyone.

4. Positive brand image

Demonstrating your commitment to inclusion strengthens your brand. Younger generations prefer responsible businesses.

Action plan: achieve compliance in 4 weeks

Week 1: Initial audit

• Run automated scan with axe DevTools on all pages
• Test keyboard navigation on critical journeys
• List all errors and classify by severity

Week 2: Critical fixes

• Add missing alt text
• Fix contrast issues
• Add form labels
• Restore focus indicators

Week 3: Structural fixes

• Fix heading hierarchy
• Add ARIA landmarks
• Make interactive components keyboard-accessible
• Add a "Skip to content" link

Week 4: Validation and documentation

• Re-run automated audit to verify fixes
• Perform complete screen reader test
• Write your accessibility statement (mandatory)
• Set up continuous testing process

Conclusion

Web accessibility is no longer an option. It's a legal obligation, a competitive advantage, and an ethical responsibility. With the EAA in force, businesses that delay compliance face penalties and miss out on a considerable audience.

The good news: most accessibility fixes are simple and inexpensive. It often just takes good development practices and systematic attention to inclusion.

Don't see accessibility as a constraint. See it for what it is: the guarantee that your site works for everyone.

Is your site compliant with the European Accessibility Act? Book an accessibility audit — I'll provide a detailed report with a prioritized action plan to achieve WCAG 2.1 AA compliance.