Aller au contenu principal

Accessibilité numérique : les bases pour un site web ouvert à tous

Contenu actualisé le

Personne consultant un site web sur un ordinateur portable

Un bâtiment bien aménagé ne sert à rien si la personne ne peut pas réserver sa visite, consulter les horaires ou remplir un formulaire en ligne. L’accessibilité numérique consiste à concevoir un site web, une application ou un document pour qu’ils soient utilisables par le plus grand nombre, y compris par les personnes aveugles, malvoyantes, sourdes, malentendantes, ayant un handicap moteur ou des troubles cognitifs. Elle prolonge naturellement les dispositifs d’accessibilité physiques d’un lieu.

Qui est concerné par un site inaccessible

Les situations sont plus variées qu’on ne l’imagine. Une personne aveugle utilise un lecteur d’écran qui lit la page à voix haute ou la restitue en braille. Une personne ayant un tremblement ne peut pas viser un petit bouton à la souris et navigue au clavier. Une personne daltonienne ne distingue pas deux couleurs sans autre indice. Une personne sourde ne comprend pas une vidéo sans sous-titres.

D’autres situations sont temporaires ou liées à l’âge : un bras cassé, un écran éclairé par le soleil, une vue qui baisse, une fatigue qui rend la lecture plus pénible. Un site accessible profite donc à beaucoup de monde, pas seulement aux personnes reconnues handicapées.

Ce que dit la réglementation

Depuis le 28 juin 2025, les services de commerce électronique doivent être accessibles, les microentreprises prestataires de services (moins de 10 salariés et chiffre d’affaires ou bilan n’excédant pas 2 millions d’euros) en étant exonérées. Pour savoir si votre site entre dans ce cadre, interrogez un professionnel spécialisé, qui analysera votre situation précise.

Au-delà de l’obligation, l’intérêt est concret : un site lisible, rapide et bien structuré améliore aussi l’expérience de tous les visiteurs.

Une structure claire, pour les lecteurs d’écran

Le lecteur d’écran s’appuie sur la structure du code, pas sur l’aspect visuel. Les titres doivent donc être de vrais titres hiérarchisés, les listes de vraies listes et les boutons de vrais boutons. Un texte mis en gros et en gras sans balise de titre reste, pour le logiciel, un simple paragraphe.

La page doit aussi avoir un titre explicite, une langue déclarée, des zones repérables (en-tête, navigation, contenu, pied de page) et des liens dont l’intitulé se comprend hors contexte. Un lien « cliquez ici » répété dix fois ne dit rien à quelqu’un qui parcourt la liste des liens de la page.

Textes alternatifs et contenus visuels

Chaque image porteuse d’information reçoit un texte alternatif qui décrit son contenu ou sa fonction, en quelques mots précis. Une image purement décorative reçoit au contraire un texte vide, pour que le lecteur d’écran l’ignore. Les graphiques et schémas complexes demandent une description plus développée, placée dans la page.

Les vidéos sont accompagnées de sous-titres fidèles, d’une transcription et, si l’image porte du sens, d’une description sonore. Un contenu uniquement audio reçoit une transcription écrite. Évitez enfin les contenus qui se lancent seuls ou clignotent, car ils gênent beaucoup de lecteurs.

Couleurs, contrastes et taille du texte

Le contraste entre texte et fond doit rester suffisant, y compris pour les boutons et les champs de formulaire. Une information ne doit jamais reposer sur la couleur seule : un champ en erreur se signale par un message écrit, pas seulement par un cadre rouge.

La page doit rester lisible quand on agrandit le texte à l’aide des réglages du navigateur. Si la mise en page se brise ou si des éléments se superposent à fort agrandissement, une partie des visiteurs devra abandonner. Testez toujours avec un zoom important et sur un petit écran.

Clavier, formulaires et temps de réponse

Tout ce qui se fait à la souris doit se faire au clavier. Concrètement, on vérifie les points suivants.

  • L’ordre de tabulation suit l’ordre logique de la page.
  • Le focus reste visible : on voit à tout moment où l’on se trouve.
  • Les menus déroulants et fenêtres modales s’ouvrent et se ferment au clavier.
  • Un lien d’évitement permet de passer directement au contenu.

Les formulaires méritent une attention particulière. Chaque champ possède une étiquette visible et correctement liée, les erreurs sont décrites clairement, avec une indication de la façon de les corriger. Les délais imposés, comme une session qui expire vite, sont prolongeables ou signalés à l’avance.

Tester avec de vrais utilisateurs

Des outils automatiques repèrent une partie des défauts, notamment les contrastes insuffisants ou les images sans texte alternatif, mais ils ne voient pas tout. Seul un test manuel, au clavier et avec un lecteur d’écran, révèle si le parcours est réellement praticable. Mieux encore, faites essayer votre site par des personnes concernées : leurs retours sont souvent déterminants.

Traitez l’accessibilité dès la conception, et non après coup, pour éviter des refontes coûteuses. Et conservez à l’esprit que l’information donnée en ligne doit correspondre à la réalité du lieu : indiquez précisément les conditions d’accès à vos locaux. Pour compléter votre réflexion, parcourez notre blog dédié à l’accessibilité.

Ces articles peuvent vous plaire

↑