Site web accessible en 2026 : ce que la réglementation implique pour votre entreprise

Depuis le 28 juin 2025, la directive européenne sur l’accessibilité (European Accessibility Act, EAA) est en vigueur. Elle oblige de nombreuses entreprises à rendre leurs produits et services numériques accessibles – y compris les sites web et les boutiques en ligne. Ceux qui n’agissent pas s’exposent à des mises en demeure et à des amendes. Dans ce guide, nous vous expliquons ce que cette réglementation signifie pour votre entreprise, qui est concerné et quelles démarches concrètes vous devriez entreprendre dès maintenant.

Qu’est-ce que la directive européenne sur l’accessibilité (EAA) ?

L’European Accessibility Act (EAA) est une directive européenne transposée dans le droit national de chaque État membre, dont la France. L’objectif : rendre les produits et services numériques accessibles à tous – y compris aux quelque 12 millions de personnes en situation de handicap en France. La réglementation ne concerne pas seulement les organismes publics, mais aussi, pour la première fois, les entreprises privées.

Concrètement, cela signifie : si vous exploitez un site web par lequel vous proposez des produits ou des services aux consommateurs, vous devez respecter les exigences du RGAA (Référentiel général d’amélioration de l’accessibilité) et des WCAG 2.1 (niveau AA). Cela semble technique – mais c’est tout à fait réalisable en pratique.

Qui est concerné ? Et qui ne l’est pas ?

Sont concernés :

• Les boutiques en ligne et sites e-commerce (B2C)
• Les sites de services avec réservation ou prise de contact en ligne
• Les services bancaires et financiers
• Les livres numériques et médias digitaux
• Les services de télécommunications
• Toutes les entreprises de plus de 10 salariés et de plus de 2 M€ de chiffre d’affaires annuel

Exceptions :

• Les microentreprises (moins de 10 salariés ET moins de 2 M€ de chiffre d’affaires)
• Les sites purement B2B sans contact direct avec les consommateurs
• Les sites qui ne proposent ni produits ni services (sites purement informatifs)

Que signifie concrètement l’accessibilité pour les sites web ?

Les WCAG 2.1 niveau AA définissent quatre principes fondamentaux. Votre site web doit être :

1. Perceptible

• Toutes les images disposent de textes alternatifs pertinents
• Les vidéos ont des sous-titres et/ou une audiodescription
• Le texte est lisible sans zoom (taille de police minimale de 16px)
• Rapport de contraste entre le texte et l’arrière-plan d’au moins 4.5:1
• Les contenus ne sont pas différenciés uniquement par la couleur (p. ex. messages d’erreur)

2. Utilisable

• Toutes les fonctionnalités sont accessibles au clavier (Tab, Entrée, Échap)
• Les indicateurs de focus sont visibles (pas de « outline: none » sans alternative)
• La navigation est cohérente et prévisible
• Les utilisateurs disposent d’assez de temps pour lire les contenus et interagir
• Aucun contenu susceptible de provoquer des crises (clignotements, scintillements)

3. Compréhensible

• La langue du document est indiquée (lang="fr")
• Les formulaires ont des libellés clairs et des messages d’erreur explicites
• La navigation et la mise en page sont cohérentes sur toutes les pages
• Les abréviations et termes techniques sont expliqués ou évités

4. Robuste

• HTML valide avec une structure sémantique correcte (h1–h6, nav, main, footer)
• Attributs ARIA correctement utilisés (aria-label, aria-describedby)
• Compatibilité avec les lecteurs d’écran et les technologies d’assistance
• Aucune dépendance à JavaScript pour les fonctionnalités essentielles

Checklist d’accessibilité pour votre site web

1. Ajouter des textes alternatifs à toutes les images et tous les graphiques
2. Vérifier les rapports de contraste (outil : WebAIM Contrast Checker)
3. Tester la navigation au clavier (parcourir tout le site avec Tab)
4. Doter les formulaires de libellés et de messages d’erreur
5. Taille de police d’au moins 16px, interligne d’au moins 1.5
6. Définir l’attribut de langue HTML (lang="fr")
7. Utiliser du HTML sémantique (pas de soupe de div)
8. Rendre les styles de focus visibles
9. Hiérarchie de titres correcte (h1 → h2 → h3)
10. Sous-titrer les vidéos
11. Lien d’évitement (skip navigation) en haut de page
12. Publier une déclaration d’accessibilité
13. Réaliser un audit avec WAVE ou aXe DevTools
14. Test avec lecteur d’écran (VoiceOver sur Mac, NVDA sur Windows)

Que se passe-t-il si l’on ne fait rien ?

La réglementation prévoit des sanctions :

• Des amendes pouvant atteindre 50 000 € par service non conforme, renouvelables
• Des mises en demeure émanant des associations de consommateurs
• Les autorités de contrôle du marché peuvent retirer des produits et services du marché
• Une atteinte à la réputation en cas de médiatisation

Même si les contrôles se déploient progressivement : le sujet est déjà bien identifié par les autorités et les associations. Agir maintenant, c’est se mettre à l’abri.

Comment rendre votre site web accessible : 5 étapes

Étape 1 : État des lieux (audit)

Réalisez un audit d’accessibilité. Des outils comme aXe DevTools, WAVE ou Google Lighthouse identifient automatiquement de nombreux problèmes. Une vérification manuelle par des experts complète le test automatisé – en particulier pour la navigation au clavier et la compatibilité avec les lecteurs d’écran.

Étape 2 : Définir les priorités

Tous les problèmes n’ont pas le même degré d’urgence. Concentrez-vous d’abord sur les obstacles les plus critiques : textes alternatifs manquants, contrastes insuffisants, formulaires inutilisables et absence de navigation au clavier.

Étape 3 : Mise en œuvre technique

Corrigez les problèmes identifiés. Sur un site WordPress existant, des plugins comme WP Accessibility ou AccessiBe peuvent aider. Pour une solution durable, nous recommandons toutefois une mise en œuvre par des professionnels, qui intervient directement dans le code – les solutions de type overlay sont controversées et ne sont pas considérées comme une solution à part entière.

Étape 4 : Publier une déclaration d’accessibilité

Une déclaration d’accessibilité sur votre site web est obligatoire. Elle décrit l’état actuel de l’accessibilité, les limitations connues et un mécanisme de retour d’information pour les utilisateurs.

Étape 5 : Contrôle continu

L’accessibilité n’est pas un projet ponctuel. Chaque nouvelle page, chaque nouvel article de blog, chaque nouvelle fonctionnalité doit respecter les standards. Intégrez des contrôles d’accessibilité à votre workflow.

Combien coûtent un audit d’accessibilité et sa mise en œuvre ?

• Vérification de base automatisée : gratuite (Lighthouse, WAVE)
• Audit professionnel avec rapport : 500 – 2.000 €
• Mise en œuvre technique (site web existant) : 1.000 – 5.000 €
• Refonte accessible (nouveau site web) : incluse dans le prix du projet
• Contrôle et suivi continus : 100 – 300 € / mois

Chez Discover Studio, nous proposons un diagnostic d’accessibilité rapide et gratuit, suivi d’un audit détaillé et d’un plan d’actions concret. Pour les nouveaux projets de sites web, l’accessibilité conforme aux exigences européennes et au RGAA est incluse chez nous.

L’accessibilité en vaut la peine – aussi économiquement

L’accessibilité numérique n’est pas qu’une obligation, elle apporte de réels avantages :

• Une audience plus large : 15 à 20 % de la population en bénéficie directement
• Un meilleur SEO : un HTML propre, des textes alternatifs et une bonne structure améliorent aussi le classement
• Une meilleure ergonomie : ce qui fonctionne pour les personnes en situation de handicap fonctionne mieux pour tout le monde
• La sécurité juridique : pas de mises en demeure, pas d’amendes
• Une image de marque positive : l’inclusion renforce l’image de votre entreprise

L’accessibilité n’est pas un obstacle au bon design – elle en est le fondement. Un site web accessible est automatiquement un meilleur site web.

L’accessibilité avec WordPress, Shopify et Next.js

WordPress : plugins et thèmes

WordPress offre des bases solides avec le thème « Flavor » et le plugin « WP Accessibility ». L’essentiel est de choisir un thème accessible comme point de départ – la « superposition » a posteriori d’outils overlay comme AccessiBe ou UserWay est vue d’un œil critique par la communauté et pourrait ne pas suffire juridiquement. Vous obtiendrez les meilleurs résultats avec un thème développé sur mesure, qui prend en compte l’accessibilité dès le départ.

Shopify : e-commerce et accessibilité

Shopify a beaucoup progressé ces dernières années. Le thème standard « Dawn » est conçu de manière globalement accessible. Les thèmes personnalisés et les applications tierces deviennent en revanche problématiques. Testez l’accessibilité de chaque zone d’application installée. Points particulièrement critiques : le processus de paiement, les filtres produits et les pop-ups. Depuis 2025, Shopify propose un rapport d’accessibilité intégré dans l’espace d’administration.

Next.js : les frameworks modernes

Les frameworks basés sur React comme Next.js offrent techniquement les meilleures conditions pour l’accessibilité – à condition que les développeurs mettent correctement en œuvre le HTML sémantique, les attributs ARIA et la navigation au clavier. Des outils comme eslint-plugin-jsx-a11y interceptent de nombreux problèmes dès la phase de développement. Chez Discover Studio, nous utilisons Next.js et veillons à la conformité WCAG dans chaque projet.

Les meilleurs outils pour tester l’accessibilité

Voici les outils que nous utilisons sur chaque projet :

• Google Lighthouse : intégré aux Chrome DevTools, gratuit, aperçu rapide du score d’accessibilité
• aXe DevTools : extension de navigateur de Deque, analyse très détaillée avec des recommandations d’actions concrètes
• WAVE : outil visuel de WebAIM, affiche les obstacles directement sur la page
• WebAIM Contrast Checker : vérifie le rapport de contraste entre la couleur du texte et celle de l’arrière-plan
• Pa11y : tests automatisés pour les pipelines CI/CD – parfait pour un contrôle continu
• Lecteurs d’écran : VoiceOver (Mac), NVDA (Windows) – rien ne remplace le test manuel avec un vrai lecteur d’écran
• Test clavier : naviguez sur l’ensemble du site uniquement avec Tab, Entrée et Échap

5 mythes sur le webdesign accessible

Mythe 1 : « Les sites web accessibles sont laids »

Faux. Accessibilité et bon design ne sont pas contradictoires. Apple, Gov.uk et de nombreux sites primés sont entièrement accessibles tout en étant visuellement impressionnants. Les contraintes concernent principalement les contrastes et les tailles de police – et une meilleure lisibilité, c’est toujours aussi un meilleur design.

Mythe 2 : « Cela ne concerne que les sites publics »

Depuis l’entrée en vigueur de la directive européenne sur l’accessibilité en 2025, l’obligation s’applique aussi aux entreprises privées qui proposent des produits ou des services aux consommateurs. Donc à presque toutes les boutiques en ligne et à tous les sites de services.

Mythe 3 : « Un widget overlay rend mon site web accessible »

Les widgets overlay comme AccessiBe ou UserWay promettent l’accessibilité par injection JavaScript. La réalité : ils ne résolvent pas les problèmes structurels fondamentaux, sont souvent perçus comme gênants par les utilisateurs de lecteurs d’écran et sont juridiquement controversés. Une véritable accessibilité exige un code propre, pas un widget plaqué par-dessus.

Mythe 4 : « Notre audience n’a pas de limitations »

15 à 20 % de la population présente une forme de limitation – c’est plus que vous ne le pensez. À cela s’ajoutent les limitations temporaires (bras cassé, opération des yeux) et situationnelles (soleil éblouissant sur l’écran du smartphone, environnement bruyant). L’accessibilité aide tout le monde.

Mythe 5 : « L’accessibilité, c’est une fois pour toutes »

Non. Chaque nouvelle page, chaque nouvel article de blog, chaque mise à jour de fonctionnalité doit respecter les standards. L’accessibilité est un processus continu, pas un projet ponctuel. Intégrez des contrôles d’accessibilité à votre workflow de contenu.

Conclusion : agir maintenant, ne pas attendre

La directive européenne sur l’accessibilité est en vigueur depuis juin 2025 et le compte à rebours est lancé. Les entreprises qui n’agissent pas maintenant s’exposent à des conséquences juridiques et manquent l’occasion de rendre leur présence numérique accessible à tous. La bonne nouvelle : la mise en œuvre est réalisable, les coûts restent maîtrisés et les bénéfices vont bien au-delà de la simple conformité. Discover Studio vous accompagne pour l’audit, la mise en œuvre technique et la refonte accessible de votre site web – conforme aux exigences européennes et au RGAA, et pérenne.

Ressources complémentaires

Pour aller plus loin, retrouvez ci-dessous nos articles et services associés :

• Webdesign à Hambourg — Nos services de webdesign en un coup d’œil.
• Combien coûte un site web ? — Le guide complet des prix 2026.
• Voir nos références — Projets réels et résultats concrets.
• Consultation gratuite — Parlons de votre projet.