Publié le 29 octobre 2026 · L'équipe mitza.es
Quand on parle d'accessibilité web, on pense souvent uniquement à la loi. Pourtant, l'accessibilité est avant tout une question pratique : que n'importe qui puisse lire, comprendre et utiliser votre site, même s'il voit mal, ne peut pas utiliser la souris, a un handicap auditif ou moteur, ou regarde simplement son mobile en plein soleil. Un site accessible a en outre tendance à se charger plus vite, à être mieux compris et à mieux se positionner. Ce guide explique ce que c'est, quelle norme sert de référence et comment commencer à adapter votre site sans le refaire de zéro.
Qu'est-ce que l'accessibilité web
L'accessibilité web est l'ensemble des pratiques de conception et de développement qui permettent aux personnes en situation de handicap, mais aussi à celles qui ont des limitations temporaires ou situationnelles, de percevoir, comprendre, parcourir et utiliser un site. Elle concerne ceux qui utilisent des lecteurs d'écran, ceux qui naviguent uniquement au clavier, ceux qui ont besoin de plus de contraste ou d'un texte agrandi et ceux qui ont besoin de sous-titres dans les vidéos.
Ce n'est pas un ajout « pour quelques-uns » : cela améliore l'expérience de tout le monde. Les sous-titres aident dans un train sans écouteurs, un bon contraste aide en plein soleil et un formulaire clair aide quiconque est pressé.
Que sont les WCAG et les quatre principes
Les WCAG (Web Content Accessibility Guidelines, ou règles pour l'accessibilité des contenus web) sont la norme internationale du W3C. Elles s'organisent en quatre principes :
- Perceptible : l'information peut être perçue (texte alternatif pour les images, sous-titres, contraste suffisant).
- Utilisable : tout peut se manipuler au clavier, sans limites de temps injustes ni pièges de focus.
- Compréhensible : le texte est lisible, la navigation est prévisible et les erreurs de formulaire sont expliquées.
- Robuste : le code est valide et sémantique, pour fonctionner avec les lecteurs d'écran et les autres technologies d'assistance.
Niveaux A, AA et AAA : lequel vous concerne
Chaque critère des WCAG possède un niveau de conformité : A (de base), AA (le niveau généralement exigé comme objectif) et AAA (le plus exigeant, pas toujours atteignable pour tout le contenu). Pour le site d'une entreprise, l'objectif raisonnable est le niveau AA. La version de référence la plus répandue en Europe est WCAG 2.1 AA, via la norme européenne EN 301 549, et depuis octobre 2023 existe la version 2.2, qui ajoute neuf nouveaux critères (dont une taille minimale de 24 par 24 pixels CSS pour les éléments tactiles, avec des exceptions).
Que dit la loi (et où en savoir plus)
La loi espagnole 11/2023 transpose la directive européenne sur l'accessibilité et son titre I s'applique depuis le 28 juin 2025. Elle concerne, entre autres, le commerce électronique : l'obligation porte sur la vente en ligne de produits et de services aux consommateurs. Il existe des exceptions et des périodes transitoires (par exemple, pour certaines microentreprises qui fournissent des services), il convient donc d'examiner votre cas concret. Vous trouverez le détail de l'état réel de la mise en conformité dans notre article sur la loi sur l'accessibilité web en Espagne. Ici, nous nous concentrons sur le pratique : que changer sur votre site.
Les erreurs d'accessibilité les plus fréquentes
- Images sans texte alternatif (ou avec des textes du type « image1.jpg »), ou avec un alt sur des images purement décoratives qui devraient être ignorées.
- Contraste insuffisant entre le texte et le fond : les WCAG demandent un rapport d'au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte.
- Navigation impossible au clavier : menus qui ne s'ouvrent qu'à la souris, fenêtres modales qui piègent le focus ou focus invisible.
- Formulaires mal étiquetés : champs sans label, erreurs signalées uniquement par la couleur rouge ou messages qui ne sont pas annoncés.
- Structure de titres chaotique : sauts de H1 à H4, ou titres utilisés uniquement pour donner une taille au texte.
- Liens ambigus (« cliquez ici », « en savoir plus ») qui ne disent pas où ils mènent.
- Vidéos et audios sans sous-titres ni transcription.
- Langue de la page non déclarée, si bien que le lecteur d'écran prononce mal le texte.
Checklist pratique pour commencer
- Parcourez votre site uniquement au clavier (Tab, Maj+Tab, Entrée, Échap) : accédez-vous à tout et voyez-vous où vous êtes ?
- Vérifiez que chaque image informative a un alt descriptif et que les images décoratives en ont un vide.
- Vérifiez le contraste des textes avec un outil de vérification.
- Assurez une structure de titres H1, H2, H3 logique, avec un seul H1.
- Étiquetez tous les champs de formulaire et faites en sorte que les erreurs soient expliquées par du texte, pas seulement par la couleur.
- Faites en sorte que le texte des liens ait du sens hors contexte.
- Ajoutez des sous-titres aux vidéos et évitez que le contenu se lance tout seul.
- Déclarez la langue de la page et ne bloquez pas le zoom du mobile.
- Vérifiez que la mise en page fonctionne quand on agrandit le texte à 200 % sans perdre de contenu.
- Publiez une déclaration d'accessibilité avec un contact pour signaler les problèmes.
Outils pour vérifier votre site
Les outils automatiques, comme Lighthouse (intégré à Chrome), WAVE ou axe DevTools, détectent une partie des problèmes : contrastes, images sans alt, étiquettes manquantes. Ils constituent un bon premier filtre, mais ne remplacent pas une revue manuelle : il faut tester le clavier, un lecteur d'écran (NVDA sous Windows, VoiceOver sur Mac et iPhone) et la compréhension réelle du contenu. Les « widgets » ou overlays d'accessibilité qui s'installent avec une ligne de code ne sont pas non plus une solution : ils ne corrigent pas le code sous-jacent et ne sont pas considérés comme une mise en conformité.
Accessibilité et SEO : ce qu'ils ont en commun
Une grande partie de ce que demande l'accessibilité est ce que Google valorise : des titres bien structurés, des textes alternatifs, des liens descriptifs, des transcriptions et des pages rapides. Ce n'est pas une promesse de positions, mais un site accessible est généralement aussi plus clair pour les moteurs de recherche. Si vous voulez travailler les deux en même temps, découvrez notre service de SEO.
Combien de travail représente l'adaptation d'un site existant
Cela dépend du point de départ. Sur un site bien construit, beaucoup de corrections sont mineures (alt, étiquettes, contraste). Sur des sites à la mise en page ancienne, aux menus complexes ou aux plugins qui génèrent un code peu sémantique, il peut falloir refaire certains composants. C'est pourquoi le plus efficace est de commencer par un audit qui classe les problèmes par gravité et par effort, et de corriger d'abord ce qui empêche le plus l'usage. Si vous avez une boutique en ligne, l'accessibilité du panier et du paiement passe en premier (nous en parlons aussi dans notre guide de développement ecommerce).
Comment Mitza peut vous aider
Notre audit d'accessibilité web examine le contraste, la navigation au clavier, la compatibilité avec les lecteurs d'écran, les formulaires, la structure du HTML et le texte alternatif, et vous remet une liste de ce qui ne va pas et de la façon de le corriger. Si vous préférez commencer par une révision générale du site, il y a l'audit, et pour toute question vous pouvez nous écrire depuis la page de contact.