Sites web
Accessibilité web : une obligation qui booste aussi votre SEO
Trois secondes. C'est le temps que met un visiteur à décider s'il reste sur votre site ou s'il repart. Pour une personne malvoyante, qui navigue au clavier ou qui utilise un lecteur d'écran, ce délai peut suffire à l'exclure complètement si le site n'a pas été pensé pour elle. L'accessibilité web n'est plus un sujet de niche réservé aux grands groupes : elle devient une obligation légale qui se durcit en Europe, et un levier concret pour votre référencement et vos conversions.
Qu'est-ce que l'accessibilité web et les normes WCAG ?
L'accessibilité web désigne la capacité d'un site à être compris, utilisé et parcouru par le plus grand nombre, y compris les personnes malvoyantes, malentendantes, à mobilité réduite ou ayant des troubles cognitifs. Elle concerne aussi, plus largement, toute personne en situation temporaire ou contextuelle : un bras dans le plâtre, un écran en plein soleil, une connexion lente ou un environnement bruyant qui empêche d'écouter le son.
La référence internationale s'appelle les WCAG (Web Content Accessibility Guidelines), publiées par le W3C. Elles définissent trois niveaux de conformité, A, AA et AAA, du minimum à l'exigence la plus stricte. Le niveau AA est devenu le standard de fait retenu par la plupart des textes de loi, y compris européens : assez exigeant pour couvrir la majorité des besoins, réaliste pour un site d'entreprise.
Les WCAG s'organisent autour de quatre principes, faciles à retenir avec l'acronyme POUR :
- Perceptible. L'information doit pouvoir être perçue quel que soit le sens disponible : texte alternatif sur les images, sous-titres sur les vidéos, contraste suffisant.
- Utilisable. Toutes les fonctions doivent rester accessibles au clavier, sans limite de temps imposée et sans piège de navigation.
- Compréhensible. Le contenu et les interactions doivent rester lisibles et prévisibles, avec des messages d'erreur clairs sur les formulaires.
- Robuste. Le code doit rester interprétable par les outils actuels et futurs, y compris les lecteurs d'écran et les technologies d'assistance.
Qui est concerné ? Le cadre légal en Europe et en Suisse
Longtemps cantonnée aux sites publics, l'accessibilité web est devenue une obligation pour une partie du secteur privé avec l'European Accessibility Act (EAA), entré en application le 28 juin 2025 dans l'Union européenne. Le texte impose des exigences d'accessibilité à plusieurs catégories de produits et services numériques vendus aux consommateurs : commerce en ligne, banque, billetterie de transport, livres numériques, télécommunications, entre autres. Les toutes petites structures bénéficient d'exemptions limitées, mais la majorité des PME et ETI qui vendent en ligne dans l'UE entrent dans le champ du texte.
En Suisse, il n'existe pas d'équivalent direct pour le secteur privé. La loi sur l'égalité pour les personnes handicapées (LHand) encadre surtout l'administration fédérale et les transports publics, tandis que la norme eCH-0059 sert de référence recommandée sans caractère obligatoire généralisé pour les entreprises privées.
Au-delà de l'obligation légale, l'accessibilité s'impose aussi par la démographie : la part de la population confrontée à une forme de handicap ou de perte fonctionnelle liée à l'âge tend à augmenter avec le vieillissement général en Europe et en Suisse. Un site inaccessible ferme la porte à une audience large et souvent solvable.
Pourquoi l'accessibilité améliore aussi le SEO et la conversion
Un moteur de recherche et une technologie d'assistance lisent un site à peu près de la même façon : ni l'un ni l'autre ne voit les couleurs ou la mise en page, tous deux s'appuient sur la structure du code. Optimiser cette structure pour un lecteur d'écran revient très largement à l'optimiser pour un robot d'indexation.
- Textes alternatifs sur les images. Utiles à une personne malvoyante, ils permettent aussi à Google Images et aux moteurs de comprendre le contenu visuel.
- Hiérarchie de titres claire. Un H1 unique suivi de H2 et H3 logiques facilite la navigation au clavier et donne aux robots la structure du contenu.
- Intitulés de liens explicites. « Consulter notre offre pour PME » plutôt que « cliquez ici » aide autant la navigation vocale que le référencement des pages liées.
- Code léger et rapide. Une structure HTML propre, sans surcharge inutile, améliore les indicateurs de performance surveillés par Google et le confort de toutes les technologies d'assistance.
Sur la conversion, l'effet est direct : des formulaires bien étiquetés, des messages d'erreur explicites et des zones cliquables suffisamment grandes réduisent les abandons, pour tous les visiteurs, pas seulement ceux qui utilisent une aide technique. Une audience plus large, souvent négligée par la concurrence, devient mécaniquement accessible : personnes âgées, utilisateurs sur mobile en mobilité, visiteurs qui lisent vite en diagonale.
Les bases à mettre en place sur votre site
Pas besoin d'un chantier de six mois pour progresser fortement. Cinq bases couvrent l'essentiel des points de contrôle les plus courants :
01
Contraste suffisant
Un ratio minimum de 4.5:1 entre texte et fond pour le texte courant, 3:1 pour les grands titres. Un gris clair sur blanc, élégant sur une maquette, devient souvent illisible en plein soleil ou pour une personne daltonienne.
02
Navigation au clavier
Chaque lien, bouton et champ doit être atteignable et activable à la touche Tab, dans un ordre logique, avec un indicateur de focus visible. Sans souris ni trackpad, le site doit rester entièrement utilisable.
03
Textes alternatifs sur les images
Chaque image porteuse de sens reçoit une description courte et factuelle. Les images purement décoratives sont marquées comme telles pour ne pas polluer la lecture au lecteur d'écran.
04
Structure des titres
Un seul H1 par page, puis des H2 et H3 imbriqués sans saut de niveau. Cette hiérarchie sert de plan de navigation aux lecteurs d'écran comme aux moteurs de recherche.
05
Formulaires étiquetés
Chaque champ a un label associé, visible ou explicite, et un message d'erreur clair positionné à côté du champ concerné, pas seulement regroupé en haut de page.
Comment tester l'accessibilité de son site ?
Les outils automatisés détectent une partie seulement des problèmes, estimée à moins de la moitié selon la plupart des retours d'audit : ils sont un excellent point de départ, pas une preuve de conformité. Le contrôle manuel reste indispensable.
| Méthode | Ce qu'elle détecte | Outil |
|---|---|---|
| Audit automatisé | Contrastes, alt manquants, structure de base | Lighthouse, WAVE, axe DevTools |
| Navigation au clavier | Pièges de focus, éléments inatteignables | Touches Tab et Shift+Tab, sans souris |
| Lecteur d'écran | Cohérence et ordre logique de la lecture | VoiceOver (Mac, iOS), NVDA (Windows) |
| Zoom et contraste | Lisibilité à 200%, mode contraste élevé | Réglages du navigateur et du système |
Les erreurs fréquentes à éviter
La plupart des sites non conformes ne le sont pas par choix, mais par accumulation de petites négligences. Les plus fréquentes :
- Contrastes trop faibles, texte gris clair sur fond blanc, qui passe une validation visuelle rapide mais échoue au test de ratio.
- Images sans texte alternatif, ou attribut alt vide sur des images pourtant porteuses de sens.
- Menus, popins et bannières impossibles à fermer au clavier, qui piègent la navigation sans souris.
- Champs de formulaire sans label, remplacés par un simple texte indicatif qui disparaît dès la saisie.
- Divs et blocs cliquables utilisés à la place de vrais boutons et liens, invisibles pour les technologies d'assistance.
- Documents PDF non structurés mis en ligne sans version alternative accessible, souvent le point aveugle des sites institutionnels.
FAQ
L'accessibilité web est-elle obligatoire en Suisse ?
Pas de manière générale pour le secteur privé : la loi sur l'égalité pour les personnes handicapées encadre surtout l'administration fédérale et les transports publics. En revanche, une PME suisse qui vend en ligne à des clients situés dans l'Union européenne peut tomber sous le coup de l'European Accessibility Act, qui s'applique quel que soit le pays d'origine de l'entreprise.
Qu'est-ce que le niveau WCAG AA et pourquoi viser ce niveau ?
Les WCAG définissent trois niveaux de conformité, A, AA et AAA. Le niveau AA est le standard de fait retenu par la plupart des textes de loi, dont l'European Accessibility Act : assez exigeant pour couvrir la majorité des besoins, réaliste pour un site d'entreprise. Le niveau AAA reste réservé à des contextes très spécifiques.
L'accessibilité ralentit-elle un projet de refonte de site ?
Non si elle est intégrée dès la conception : un design system avec des composants accessibles par défaut (contraste, focus, labels) ne coûte quasiment rien de plus à construire. Le coût grimpe fortement quand l'accessibilité est ajoutée après coup sur un site déjà en production.
Un site accessible est-il forcément moins moderne visuellement ?
Non. Les contraintes d'accessibilité, contraste suffisant, hiérarchie de titres claire, zones cliquables généreuses, recoupent en grande partie les bonnes pratiques d'un design soigné. Les sites les plus primés en design respectent la plupart de ces règles sans même viser la conformité.
Quel est le premier pas concret pour une PME ?
Lancer un audit automatisé gratuit sur vos pages les plus visitées, corriger les contrastes insuffisants et les images sans texte alternatif, puis tester la navigation au clavier sur votre parcours d'achat ou de contact. Ces trois actions couvrent déjà une bonne partie des points les plus pénalisants.
Vous voulez avancer sur ce sujet ?