Imaginez. Vous êtes en terrasse, en plein soleil. Vous essayez de lire un article sur votre téléphone, mais l'écran est tellement ébloui que vous ne distinguez plus le texte du fond. Frustrant, non ?
Maintenant, imaginez vivre cette frustration à chaque fois que vous naviguez sur le web. C'est le quotidien de millions de personnes confrontées à des sites qui n'ont pas été pensés pour eux. Et la surprise, c'est que « eux », ça peut être vous. Demain. Aujourd'hui, même.
Quand on parle d'accessibilité web, on pense souvent aux contrastes de couleurs. C'est un bon réflexe, mais c'est un peu comme réduire la cuisine à la seule question du sel. Il y a tellement plus à explorer : la navigation au clavier, la compatibilité avec les lecteurs d'écran, le poids des pages, la structuration du contenu…
Dans cet article, on va aller au-delà des idées reçues. Vous découvrirez ce qu'est réellement l'accessibilité web, pourquoi elle concerne chacun d'entre nous (oui, vous aussi), et surtout comment l'intégrer concrètement dans vos projets dès leur commencement.
L'accessibilité web, c'est la capacité d'un site internet à être utilisé par toutes les personnes, quels que soient leurs capacités, leur matériel ou leur environnement. Concrètement, cela signifie qu'un site accessible permet à chacun de percevoir, comprendre, naviguer et interagir avec son contenu.
Le W3C (l'organisme international qui définit les standards du web) a établi quatre grands principes fondateurs, faciles à retenir :
Vous avez probablement croisé ces acronymes. Clarifions-les.
Les WCAG (Web Content Accessibility Guidelines) sont les recommandations internationales publiées par le W3C. Elles définissent trois niveaux de conformité : A (le minimum), AA (le standard recommandé) et AAA (le niveau le plus exigeant).
Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) est la déclinaison française de ces recommandations. Il regroupe 106 critères organisés en 13 thématiques (images, couleurs, formulaires, navigation…) et constitue le cadre légal en France.
Depuis le 28 juin 2025, les obligations d'accessibilité se sont élargies au secteur privé. Les entreprises de plus de 10 salariés ou réalisant plus de 2 millions d'euros de chiffre d'affaires sont désormais concernées. Ce n'est plus réservé aux seuls sites publics.
Mais au-delà de l'aspect réglementaire, l'accessibilité est avant tout une question d'empathie et de qualité. Et c'est là que la notion de handicap situationnel entre en jeu.
C'est probablement la notion la plus puissante pour comprendre l'accessibilité web : le handicap situationnel. Microsoft l'a brillamment illustré dans son Inclusive Design Toolkit en montrant que le handicap n'est pas uniquement une condition permanente. Il existe en réalité trois catégories :
Prenons des exemples du quotidien. Vous êtes dans le métro, vous voulez regarder une vidéo explicative mais vous n'avez pas vos écouteurs. Sans sous-titres, impossible de suivre. Vous êtes en situation de handicap auditif… situationnel. Vous êtes en vacances dans une zone rurale avec une connexion 3G poussive. Un site trop lourd met 45 secondes à charger. Vous êtes en situation de handicap d'accès. Vous portez vos courses d'une main et essayez de remplir un formulaire de l'autre sur votre téléphone. Les petits boutons impossibles à cliquer ? Handicap moteur situationnel.
C'est la beauté de l'accessibilité : chaque amélioration faite pour une personne en situation de handicap permanent bénéficie à des dizaines d'autres personnes en situation temporaire ou situationnelle.
Les sous-titres sur une vidéo ? Indispensables pour une personne sourde, mais aussi pour le parent qui regarde une vidéo pendant la sieste de son enfant. Un contraste de couleurs suffisant ? Vital pour une personne malvoyante, mais aussi pour quiconque consulte son téléphone en extérieur. Une page légère qui charge vite ? Nécessaire pour une personne avec une connexion limitée, mais appréciable pour tout le monde.
L'accessibilité, c'est de l'UX design poussé à son meilleur niveau. D'ailleurs, si le sujet de l'expérience utilisateur vous intéresse, j'en parle plus en détail dans mon article L'UX Design : quand le design rencontre le bonheur des utilisateurs.
Commençons par ce que tout le monde connaît. Le RGAA et les WCAG imposent un ratio de contraste minimum de 4.5:1 pour le texte courant et de 3:1 pour les grands textes. C'est essentiel, mais c'est la partie émergée de l'iceberg.
Au-delà du contraste, il y a un principe fondamental : ne jamais transmettre une information uniquement par la couleur. Un champ de formulaire en erreur signalé uniquement en rouge ? Invisible pour une personne daltonienne. Il faut ajouter une icône, un texte explicatif, un changement de bordure… un indice complémentaire.
Outil recommandé : le site Colour Contrast Checker vous permet de vérifier vos ratios en un clic. Pour simuler différents types de daltonisme, l'outil Stark (plugin Figma) est un allié précieux lors de la phase de design.
Voici un exercice simple : allez sur votre site et essayez de naviguer uniquement avec la touche Tab (pour avancer), Shift + Tab (pour reculer) et Entrée (pour activer un lien ou un bouton). Pouvez-vous accéder à tout le contenu ? Voyez-vous où se trouve le focus à chaque instant ?
De nombreuses personnes n'utilisent pas de souris : personnes à mobilité réduite, utilisateurs de technologies d'assistance, mais aussi des power users qui préfèrent le clavier par rapidité. Un site qui « piège » le focus dans un menu ou qui ne montre pas visuellement quel élément est sélectionné est un site qui exclut.
Les points à vérifier :
outline en CSS sans le remplacer par un style alternatif visible)Outil recommandé : Naviguez simplement avec votre clavier. C'est le test le plus rapide et le plus révélateur. Aucun outil automatisé ne le remplace.
Un lecteur d'écran est un logiciel qui lit à voix haute le contenu d'une page web. Les plus connus sont NVDA (gratuit, Windows), VoiceOver (intégré à macOS et iOS) et JAWS (professionnel, payant). Pour que ces outils fonctionnent correctement, votre site doit respecter certaines règles.
La structure sémantique est primordiale. Un lecteur d'écran s'appuie sur les balises HTML pour comprendre la hiérarchie du contenu. Si vos titres ne sont pas balisés en H1, H2, H3 mais sont simplement du texte en gras et en grande taille, le lecteur d'écran ne les identifie pas comme des titres. L'utilisateur perd toute capacité à naviguer rapidement dans la page.
Les alternatives textuelles (attribut alt sur les images) sont tout aussi cruciales. Une image décorative doit avoir un alt vide (alt=""), tandis qu'une image porteuse d'information doit avoir une description pertinente. Un alt="image" ou alt="photo.jpg" n'aide personne.
Les formulaires doivent avoir des labels correctement associés aux champs. Un placeholder qui disparaît à la saisie n'est pas un label. Les messages d'erreur doivent être explicites et associés au champ concerné.
Outil recommandé : Activez VoiceOver sur Mac (Cmd + F5) ou téléchargez NVDA sur Windows (gratuit). Fermez les yeux et essayez de naviguer sur votre site. L'expérience est souvent révélatrice.
On y pense rarement, pourtant le poids d'une page web est un facteur d'accessibilité majeur. En France, tout le monde n'a pas la fibre optique. Dans certaines zones rurales, la connexion reste limitée. À l'étranger, le coût de la data mobile peut être prohibitif. Et même en ville, dans un parking souterrain ou dans le métro, la connexion peut être quasi inexistante.
Un site qui pèse 8 Mo à charger exclut de facto ces utilisateurs. Les images non optimisées, les vidéos en autoplay, les polices personnalisées multiples, les scripts JavaScript lourds… tout cela s'accumule.
Ce sujet rejoint directement celui de l'éco-conception web, que j'aborde dans mon article Éco-conception, c'est quoi ?. Un site léger est à la fois plus accessible, plus écologique et plus rapide pour tout le monde.
Quelques bonnes pratiques :
Outil recommandé : Google PageSpeed Insights pour analyser la performance, et GreenIT Analysis pour évaluer l'impact environnemental.
L'accessibilité ne concerne pas que le code ou le design. La façon dont vous rédigez vos contenus compte aussi. Les troubles cognitifs (dyslexie, troubles de l'attention, difficultés de compréhension) touchent une part significative de la population.
Quelques principes simples à adopter :
Vous êtes convaincu·e, mais vous ne savez pas par où commencer ? Voici une sélection d'outils accessibles (sans mauvais jeu de mots) pour démarrer.
L'erreur la plus courante est de penser à l'accessibilité une fois le site terminé, comme une couche de vernis à appliquer en fin de projet. En réalité, plus vous l'intégrez tôt dans votre processus de conception, moins elle coûte cher et plus elle est efficace.
Dès la phase de maquettage, posez-vous les bonnes questions : mes contrastes sont-ils suffisants ? Ma hiérarchie de titres est-elle claire ? Mes boutons sont-ils assez grands pour être cliqués facilement sur mobile ? Mon formulaire est-il compréhensible sans les couleurs ?
Ce réflexe de conception inclusive transforme votre façon de designer. Il ne s'agit pas de brider la créativité, mais de l'enrichir en prenant en compte la diversité des utilisateurs dès le départ.
Un site 100 % accessible dès le premier jour est un idéal rarement atteint, et ce n'est pas grave. L'important, c'est de progresser de manière continue. Commencez par les corrections les plus impactantes : les contrastes, les alternatives textuelles, la navigation au clavier. Puis élargissez progressivement votre champ d'action.
L'accessibilité est un processus vivant, pas un audit ponctuel qu'on range dans un tiroir. Chaque nouveau contenu publié, chaque mise à jour du site est une occasion de faire mieux.
L'accessibilité web, ce n'est pas « un truc pour les handicapés ». C'est une philosophie de conception qui reconnaît la diversité des situations humaines et qui s'engage à ne laisser personne sur le bord de la route numérique. Un bras dans le plâtre, un soleil aveuglant, une connexion capricieuse, un bébé dans les bras… nous sommes tous, à un moment ou un autre, en situation de handicap face à un écran.
En tant que designers, développeurs ou communicants, nous avons le pouvoir — et désormais l'obligation légale — de construire un web plus inclusif. Et la bonne nouvelle, c'est qu'un site accessible est aussi un site plus performant, mieux référencé et plus agréable pour tout le monde.
