Site web accessible : ce qui est désormais obligatoire et comment y arriver
Depuis juin 2025, une obligation d'accessibilité s'applique dans l'UE à une grande partie des produits et services proposés en ligne. Pour la plupart des sites d'entreprise, cela représente moins de travail que redouté – dix mesures couvrent l'essentiel.
L'essentiel en bref
- Dans l'UE, l'obligation touche surtout les acteurs qui vendent en ligne à des consommateurs – les offres purement professionnelles et les microentreprises en sont en partie exemptées.
- La référence est le niveau AA des WCAG. Cela paraît lourd, mais reste atteignable en quelques jours pour un site d'entreprise ordinaire.
- Dix mesures couvrent l'essentiel – la plupart relèvent de toute façon des bonnes pratiques.
- Les outils de vérification automatiques ne trouvent qu'une partie des problèmes. Le reste demande un test au clavier et avec un lecteur d'écran.
Qui est concerné
Depuis le 28 juin 2025, l'European Accessibility Act s'applique dans l'UE, transposé en droit national. Sont concernés les produits et services proposés en ligne à des consommateurs.
| Cas | Concerné ? |
|---|---|
| Boutique en ligne pour consommateurs | oui |
| Parcours de réservation ou de prise de rendez-vous pour consommateurs | oui |
| Prestation strictement interentreprises | en règle générale non |
| Site purement informatif sans vente | en règle générale non |
| Microentreprise fournissant des services | en partie exemptée |
| Organismes publics | oui, déjà auparavant |
En Suisse, la loi sur l'égalité pour les personnes handicapées oblige surtout les organismes publics. Mais qui livre des consommateurs dans l'UE relève, pour cette offre, de la règle européenne – la question se pose donc aussi pour les entreprises suisses actives dans l'UE.
Les dix mesures
Classées par effet rapporté à l'effort. Les cinq premières couvrent d'expérience la plus grande part des reproches.
1. Textes alternatifs pour les images
Décrivez ce que l'image signifie dans le contexte – pas ce qu'on y voit. Les images purement décoratives reçoivent un attribut vide, afin d'être passées.
2. Vérifier le contraste
Au moins 4,5:1 pour le texte normal, 3:1 pour le grand. Concerne surtout les textes d'aide en gris et les libellés clairs sur fond coloré.
3. Tout accessible au clavier
Chaque fonction doit être utilisable sans souris, dans un ordre sensé, sans endroit où l'on reste bloqué. Concerne surtout les menus, les surcouches et les formulaires.
4. Un focus visible
Où se trouve le focus clavier ? Un contour nettement visible. L'erreur la plus fréquente est un outline: none dans la feuille de style qui n'a jamais été remplacé.
5. Champs de formulaire étiquetés
Chaque champ a besoin d'un label associé. Un texte d'espace réservé ne suffit pas – il disparaît à la saisie et n'est pas lu partout.
6. Des titres dans l'ordre
Un H1, puis des H2, puis des H3 – sans saut. Les lecteurs d'écran naviguent par là ; une page sans structure n'est pas parcourable.
7. Baliser la langue
<html lang> par version, passages en langue étrangère marqués individuellement. Sans cette indication, le texte est lu avec une mauvaise prononciation.
8. Des libellés de lien parlants
« En savoir plus » cinq fois sur une page est inutilisable quand les liens sont lus isolément. Le libellé doit être compréhensible seul.
9. Zoom jusqu'à 200 pour cent
À l'agrandissement, rien ne doit être coupé ni disparaître. Concerne surtout les hauteurs fixes et les surcouches.
10. Messages d'erreur en texte
Un champ encadré de rouge ne suffit pas – l'erreur doit figurer en texte à côté et dire quoi faire. La couleur seule ne doit jamais être la seule information.
Le saviez-vous ?
Neuf des dix mesures améliorent en même temps la trouvabilité. Hiérarchie de titres, textes alternatifs, libellés de lien parlants et langue balisée sont exactement ce dont ont besoin les moteurs de recherche et les moteurs de réponse.
Ce n'est pas un hasard : un lecteur d'écran et un robot font face au même problème – ils ne voient pas la page, ils en lisent la structure. Qui construit pour l'un a largement traité l'autre.
Vérifier – et ce que les outils ne trouvent pas
Selon les estimations courantes, les outils automatiques ne trouvent qu'une partie des problèmes réels. Ce qu'ils trouvent de façon fiable : textes alternatifs manquants, contrastes insuffisants, étiquettes de champ manquantes, balisage de langue.
Ce qu'ils ne peuvent pas trouver :
- Si un texte alternatif a du sens. « image1.jpg » passe le test.
- Si l'ordre de tabulation est logique. Présent oui, sensé non.
- Si une surcouche emprisonne le focus. Repérable seulement à l'usage.
- Si l'ordre de lecture correspond au sens. Nécessite un vrai lecteur d'écran.
Le test parlant le plus rapide prend dix minutes et n'exige aucun outil : poser la souris et utiliser la page uniquement avec la tabulation, la touche entrée et les flèches. Ouvrir la page d'accueil, aller au formulaire de contact, le remplir, l'envoyer.
Deux choses ressortent presque toujours : le focus est invisible à plusieurs endroits, et un menu ou une surcouche se laisse ouvrir mais pas quitter. Ce sont deux erreurs graves, aucune n'est signalée par une vérification automatique, et toutes deux se corrigent en moins d'une heure.
La déclaration d'accessibilité
Les acteurs concernés doivent exposer comment leur offre satisfait aux exigences. Y figurent :
- L'état de la mise en œuvre – y compris les lacunes nommées ouvertement.
- Un moyen de contact pour signaler des obstacles.
- La date de la dernière vérification.
Une déclaration honnête avec des lacunes nommées et un calendrier vaut mieux qu'une déclaration affirmant une conformité totale qu'un examen ne confirmerait pas.
Aide-moi à évaluer ce qu'il y a à faire sur notre site en matière d'accessibilité. Notre situation : - Ce que nous proposons : [offre] - Vendons-nous en ligne à des consommateurs ? [oui / non / partiellement] - Marchés : [pays] - Effectif et chiffre d'affaires annuel : [indication] - Éléments interactifs du site : [formulaires, réservation, boutique, configurateur, connexion] - Ce que nous avons déjà mis en œuvre : [points] Tâches : 1. Situe si et pour quelles parties de notre offre l'obligation européenne devrait s'appliquer. Nomme les points qu'un spécialiste doit impérativement apprécier. 2. Parmi les dix mesures standard, nomme celles qui comptent le plus pour nos éléments interactifs, et justifie. 3. Formule une liste de contrôle pour un test au clavier de notre site : quels parcours suivre et à quoi faire attention. 4. Nomme ce que les outils automatiques ne trouveraient vraisemblablement pas chez nous. 5. Conçois le plan d'une déclaration d'accessibilité avec des espaces réservés pour notre état d'avancement. N'invente ni articles de loi, ni délais, ni montants d'amende.
Conclusion
Pour un site d'entreprise ordinaire, l'accessibilité de niveau AA n'est pas un grand chantier : dix mesures, dont la plupart relèvent de toute façon des bonnes pratiques, couvrent l'essentiel – de l'ordre de quelques jours de travail.
L'étape la plus efficace ne coûte rien : poser la souris et utiliser une fois son propre site au clavier. Ce qui ressort alors, aucun outil automatique ne le trouve – et ce sont généralement les erreurs les plus graves.
Questions fréquentes
Pour qui l'obligation d'accessibilité s'applique-t-elle ?
Dans l'UE, depuis le 28 juin 2025, surtout pour les acteurs qui vendent en ligne à des consommateurs – boutiques en ligne, parcours de réservation et de prise de rendez-vous. Les offres strictement interentreprises et les sites purement informatifs ne sont en règle générale pas concernés, les microentreprises de services en partie exemptées. Les organismes publics étaient déjà tenus auparavant.
Cela vaut-il aussi pour les entreprises suisses ?
En Suisse, la loi sur l'égalité pour les personnes handicapées oblige surtout les organismes publics. Mais qui livre des consommateurs dans l'UE relève, avec cette offre, de la règle européenne – la question se pose donc aussi pour les entreprises suisses actives dans l'UE.
Quelles mesures rapportent le plus ?
Cinq couvrent la plus grande part des reproches : des textes alternatifs pertinents pour les images, un contraste suffisant (4,5:1 pour le texte normal), une utilisation complète au clavier, un contour de focus visible et des champs de formulaire étiquetés par un label associé plutôt qu'un simple espace réservé.
Les outils automatiques suffisent-ils ?
Non, ils ne trouvent qu'une partie des problèmes. Ils repèrent de façon fiable les textes alternatifs manquants, les contrastes faibles et les étiquettes de champ absentes. Ils ne peuvent pas juger si un texte alternatif a du sens, si l'ordre de tabulation est logique ou si une surcouche emprisonne le focus.
L'accessibilité aide-t-elle aussi la visibilité ?
Oui, neuf des dix mesures standard servent directement la trouvabilité. Hiérarchie de titres, textes alternatifs, libellés de lien parlants et langue balisée sont exactement ce dont ont besoin les moteurs de recherche et de réponse – un lecteur d'écran et un robot lisent tous deux la structure et non l'image.
Un marketing qui se met en place tout seul
La bêta du Studio Engine est ouverte. Réservez votre place et participez dès le départ.
Participer à la bêta →