Accessibilité web en 2026 : votre site est-il (déjà) hors-la-loi ?

Depuis juin 2025, une nouvelle réglementation européenne est entrée en vigueur : l'European Accessibility Act (EAA). Elle impose des critères d'accessibilité harmonisés aux sites web qui vendent des produits ou proposent des services en ligne dans l'Union européenne. En 2026, les contrôles et les premières mises en demeure commencent à tomber. Et beaucoup de dirigeants de TPE découvrent qu'ils sont concernés sans l'avoir anticipé.

Bonne nouvelle : se mettre en conformité n'est pas forcément un chantier énorme. La mauvaise nouvelle, c'est que beaucoup de sites construits sur des CMS génériques avec des thèmes surchargés cumulent déjà plusieurs non-conformités sans que personne ne s'en soit rendu compte.

Qui est concerné par l'EAA ?

L'EAA cible en priorité les sites qui proposent :

• de la vente en ligne (e-commerce, réservation, prise de rendez-vous payante)
• des services bancaires, de transport ou de communication électronique
• des services numériques accessibles au grand public dans l'UE, quelle que soit la taille de l'entreprise qui les édite

Un simple site vitrine sans transaction n'est pas le cœur de cible du texte, mais la tendance de fond est claire : l'accessibilité devient un standard de qualité attendu, y compris par Google, qui en tient compte indirectement dans son évaluation de l'expérience utilisateur. Et si votre site vitrine intègre un module de prise de rendez-vous, un formulaire de devis ou un espace client, vous basculez potentiellement dans le champ d'application.

Les points de contrôle les plus fréquents

Voici les non-conformités les plus courantes que l'on retrouve sur les sites de TPE — et qui sont, pour la plupart, faciles à corriger :

1. Contrastes de couleur insuffisants

Un texte gris clair sur fond blanc, ou blanc sur fond clair, peut sembler élégant — mais devient illisible pour une partie des utilisateurs (basse vision, daltonisme, simple luminosité d'écran en extérieur). La norme WCAG recommande un ratio de contraste minimum de 4.5:1 pour le texte courant.

2. Absence de texte alternatif sur les images

Chaque image porteuse de sens doit avoir un attribut alt qui la décrit. C'est indispensable pour les lecteurs d'écran utilisés par les personnes malvoyantes — et ça aide aussi votre référencement, puisque les moteurs de recherche (et les bots IA) lisent ce texte pour comprendre le contenu visuel de votre page.

3. Navigation impossible au clavier

Certains menus, carrousels ou pop-ups ne peuvent être activés qu'avec la souris. Or de nombreux utilisateurs naviguent exclusivement au clavier (touche Tab, Entrée, flèches). Un site accessible doit permettre de tout atteindre sans souris, avec un focus visuellement identifiable.

4. Formulaires sans étiquettes claires

Un champ de formulaire affiché uniquement avec un texte de remplacement (placeholder) qui disparaît dès qu'on clique dedans n'est pas conforme. Chaque champ doit avoir une étiquette (<label>) associée, visible et persistante.

5. Vidéos sans sous-titres ni transcription

Si votre site présente des vidéos de présentation, elles doivent être sous-titrées ou accompagnées d'une transcription textuelle.

Pourquoi les sites construits sur mesure ont une longueur d'avance

La plupart de ces points sont liés à la façon dont le site a été construit. Un thème WordPress générique, rempli de plugins visuels et de constructeurs de pages (page builders), génère souvent du code HTML lourd, peu sémantique, avec des structures de titres incohérentes (H3 avant H2, plusieurs H1 sur une page) et des éléments interactifs mal balisés. Nous abordons ces limites plus en détail dans notre article sur WordPress en 2026.

À l'inverse, un site codé sur mesure en HTML/CSS sémantique part avec un avantage structurel : une hiérarchie de titres propre, des balises natives (<nav>, <main>, <button>, <label>) qui sont nativement compatibles avec les lecteurs d'écran, et un code allégé qui facilite la navigation au clavier. C'est l'approche que nous détaillons dans notre guide de création de site vitrine pour TPE — l'accessibilité n'y est pas une couche ajoutée après coup, elle découle directement de la façon dont le site est structuré dès le départ.

Le lien (inattendu) avec la performance et le SEO

Accessibilité, performance et référencement sont plus liés qu'on ne le pense. Un code HTML propre et sémantique est à la fois plus rapide à charger, plus facile à indexer par les moteurs de recherche, et plus accessible aux personnes en situation de handicap. C'est aussi exactement ce que recherchent les bots IA qui alimentent les moteurs de recherche génératifs — un sujet que nous développons dans notre article sur le trafic non-humain en 2026. Travailler l'un, c'est souvent améliorer les trois en même temps.

Checklist rapide pour votre site

• Vérifiez le contraste de vos textes (outils gratuits : WebAIM Contrast Checker, axe DevTools)
• Ajoutez un attribut alt pertinent à chaque image porteuse de sens (laissez-le vide pour les images purement décoratives)
• Testez votre navigation uniquement au clavier, sans toucher à la souris
• Vérifiez que chaque champ de formulaire a une étiquette visible
• Si vous avez des vidéos, ajoutez des sous-titres ou une transcription
• Utilisez une hiérarchie de titres logique (un seul H1 par page, puis H2, H3 dans l'ordre)

Aucun de ces points ne nécessite de refonte complète. Mais cumulés, ils font souvent la différence entre un site qui exclut une partie de ses visiteurs sans le savoir, et un site réellement ouvert à tous — ce qui, in fine, profite à tout le monde, y compris à votre référencement.