ibin
Tous les articles

L'accessibilité web expliquée, pour qui et pourquoi elle rapporte

Ce que signifie vraiment un site accessible, à qui il profite, les quatre principes de base, les idées reçues à oublier et une façon réaliste de commencer.

9 min de lecture

Un site web est accessible lorsque chacun peut l'utiliser, quels que soient sa vue, son audition, l'usage de ses mains, sa concentration ou sa situation du moment. Pensez à une cliente qui écoute votre boutique en ligne au lieu de la regarder, à un retraité qui zoome pour lire vos prix, ou à quelqu'un qui remplit votre formulaire de contact d'une seule main parce que l'autre est plâtrée. Cet article explique ce que cela signifie concrètement, à qui cela s'adresse, pourquoi c'est rentable et comment démarrer sans en faire un chantier interminable.

Ce que veut dire « accessible » dans la pratique

L'accessibilité n'est pas une version spéciale de votre site. C'est votre site habituel, conçu pour que personne ne reste bloqué. Les personnes qui en profitent sont bien plus nombreuses que ce que la plupart des propriétaires de sites imaginent.

  • Les personnes aveugles ou malvoyantes. Beaucoup utilisent un _lecteur d'écran_, un logiciel qui lit la page à voix haute ou l'affiche sur une plage braille. D'autres agrandissent l'affichage à 200 % ou plus, ou activent un mode à contraste élevé. Elles ont besoin de descriptions textuelles pour les images, de titres clairs et d'un texte qui reste lisible une fois agrandi.
  • Les personnes sourdes ou malentendantes. Elles ont besoin de sous-titres sur les vidéos et d'une alternative écrite pour l'audio, comme la transcription d'un podcast.
  • Les personnes ayant un handicap moteur. Certaines ne peuvent pas utiliser de souris et parcourent la page uniquement au clavier, en appuyant sur Tab pour passer d'un lien à l'autre. D'autres utilisent un _contacteur_, un gros bouton unique, ou la commande vocale. Chaque lien, chaque bouton et chaque champ de formulaire doit être accessible et utilisable sans souris.
  • Les personnes ayant un handicap cognitif ou des troubles de l'apprentissage, comme la dyslexie, un TDAH ou des troubles de la mémoire. Un langage simple, une mise en page prévisible, des messages d'erreur clairs et l'absence de délais trop courts font toute la différence.
  • Les personnes âgées. La vue, l'audition et la motricité fine évoluent avec l'âge. Les petits caractères gris et les boutons minuscules sont souvent les premiers obstacles.
  • Tout le monde, à certains moments. Un bras cassé, une migraine, le plein soleil sur l'écran du téléphone, un train bruyant où l'on n'entend pas une vidéo, un bébé dans un bras pendant qu'on règle une facture. L'équipe de conception inclusive de Microsoft parle de limitations temporaires et situationnelles : concevoir pour une personne qui n'a qu'un bras aide aussi la personne blessée au bras et le jeune parent qui porte son enfant.

De combien de personnes parle-t-on ?

Selon l'Organisation mondiale de la santé (OMS), environ 1,3 milliard de personnes, soit près d'une personne sur six dans le monde, vivent avec un handicap important. L'OMS prévoit aussi qu'en 2030, une personne sur six dans le monde aura 60 ans ou plus.

Plus près de nous, Eurostat indique qu'en 2024, 23,9 % des personnes de 16 ans et plus dans l'Union européenne déclaraient être limitées depuis longtemps dans leurs activités habituelles en raison d'un problème de santé. C'est presque un adulte sur quatre. Cette part augmente fortement avec l'âge, jusqu'à 72,3 % chez les 85 ans et plus.

Pourtant, la plupart des sites présentent encore des obstacles de base. L'analyse menée en 2026 par WebAIM sur les pages d'accueil du million de sites les plus visités a détecté des problèmes sur 95,9 % d'entre elles, avec en moyenne 56 erreurs par page. Les problèmes les plus fréquents sont connus et faciles à corriger : texte trop peu contrasté (sur 83,9 % des pages d'accueil), images sans description textuelle (53,1 %), champs de formulaire sans étiquette (51 %) et liens ou boutons sans nom.

Les quatre principes, en termes simples

La référence internationale pour les sites accessibles s'appelle WCAG, les règles pour l'accessibilité des contenus web publiées par le W3C, l'organisme qui définit aussi les standards du web. La version actuelle, WCAG 2.2, est devenue une recommandation officielle du W3C en octobre 2023. Toutes ses exigences sont regroupées sous quatre principes.

Perceptible : chacun peut percevoir le contenu

L'information ne doit pas dépendre d'un seul sens. Exemple concret : la photo d'un produit a besoin d'un _texte alternatif_, une courte description écrite que le lecteur d'écran lit à voix haute et qui s'affiche si l'image ne se charge pas.

<img src="veste-de-pluie.jpg" alt="Veste de pluie rouge à capuche, vue de face" />

Le texte entre guillemets après alt= est ce qu'entend une personne aveugle à la place de la photo. La plupart des outils de création de sites proposent un champ « texte alternatif » ou « description de l'image » où vous le saisissez, sans toucher au code. Les sous-titres et un _contraste_ suffisant (la différence de luminosité entre le texte et son arrière-plan) relèvent aussi de ce principe. Les WCAG demandent un _rapport de contraste_ d'au moins 4,5 pour 1 pour le texte courant, ce qui exclut le gris clair sur fond blanc.

Utilisable : chacun peut se servir de toutes les fonctions

Chaque fonction doit marcher pour les personnes qui n'utilisent ni souris ni écran tactile. Exemple concret : posez votre souris et appuyez sur Tab sur votre propre site. Un cadre bien visible doit passer d'un lien à l'autre, et vous devez pouvoir ouvrir le menu, remplir le formulaire et appuyer sur « Envoyer » uniquement au clavier.

Compréhensible : chacun sait ce qui se passe

Les textes sont clairs, les pages se comportent de façon prévisible et les formulaires aident à corriger les erreurs. Exemple concret : si quelqu'un saisit un numéro de téléphone dans le mauvais format, le message « Indiquez votre numéro avec des chiffres uniquement, par exemple 0470123456 » apparaît à côté du champ, au lieu d'un cadre rouge et d'un « Saisie invalide » en haut de la page.

Robuste : cela fonctionne avec les outils de chacun

Votre site doit fonctionner dans différents navigateurs et avec les aides techniques comme les lecteurs d'écran, les logiciels d'agrandissement et la commande vocale. Exemple concret : un bouton « Acheter » conçu comme un vrai bouton est annoncé « Acheter, bouton » et peut être activé par commande vocale. Un bouton qui en a seulement _l'apparence_, fait d'un simple bloc mis en forme, peut rester muet pour un lecteur d'écran et impossible à atteindre au clavier.

Pourquoi c'est rentable

L'accessibilité est souvent vue comme un coût. En pratique, la plupart des efforts améliorent aussi des choses qui vous tiennent déjà à cœur.

  • Un public plus large. Près d'un adulte sur quatre dans l'Union européenne déclare une limitation durable, et la population vieillit. Un site qui exclut ces personnes laisse de côté des clients et des lecteurs.
  • Des points communs avec le référencement. Selon ses propres consignes, Google utilise le texte alternatif, avec le contenu de la page, pour comprendre ce que montre une image. Des titres clairs, des liens explicites comme « Voir les heures d'ouverture » plutôt que « Cliquez ici » et des pages bien structurées aident de la même façon les moteurs de recherche et les utilisateurs de lecteurs d'écran.
  • Un meilleur confort pour tous. Les sous-titres servent dans un bureau silencieux comme dans un train bruyant. Un bon contraste aide sur un téléphone en plein soleil. Des formulaires clairs aident les personnes pressées.
  • Moins de questions au service client. Quand les formulaires expliquent ce qu'ils attendent et que les pages sont faciles à suivre, moins de personnes écrivent ou appellent pour savoir comment commander ou prendre rendez-vous.
  • Des obligations légales. Depuis le 28 juin 2025, l'Acte européen sur l'accessibilité (directive (UE) 2019/882) impose à de nombreuses entreprises qui proposent certains produits et services aux consommateurs, comme les boutiques en ligne, les services bancaires, les livres numériques et les billets de transport de passagers, de les rendre accessibles. En Belgique, la directive a notamment été transposée dans le Code de droit économique, et le SPF Economie a publié des lignes directrices pour des services de commerce électronique accessibles. Les microentreprises qui fournissent des services, avec moins de 10 salariés et un chiffre d'affaires annuel ou un total de bilan ne dépassant pas 2 millions d'euros, sont exemptées des exigences relatives aux services. Les sites du secteur public étaient déjà soumis à leurs propres règles. Savoir si et comment la loi s'applique à vous dépend de votre situation : pour votre cas précis, renseignez-vous auprès d'un conseiller juridique.

Quatre idées reçues à abandonner

« C'est seulement pour les personnes aveugles »

Les visiteurs aveugles sont un groupe important, mais ils ne sont pas les seuls. Les personnes qui naviguent au clavier, les personnes dyslexiques, les visiteurs âgés, les personnes malentendantes et toute personne confrontée à une limitation temporaire ou situationnelle profitent du même travail.

« Ça enlaidit le design »

Un design accessible, c'est surtout un bon design : des tailles de texte lisibles, un contraste suffisant, des cadres de sélection bien visibles, une navigation cohérente et de larges zones cliquables. Il écarte quelques choix, comme le gris pâle sur fond blanc, mais n'impose aucun style.

« Un overlay ou un widget va tout régler »

Les overlays sont des modules qui ajoutent à votre site une barre d'outils ou une icône « accessibilité » et promettent de corriger les problèmes automatiquement. Ils n'en sont pas capables. Ils ne savent pas ce que montrent vos photos, ne peuvent pas réécrire des consignes peu claires et ne peuvent pas reconstruire un menu qui ne fonctionne pas au clavier. Beaucoup de personnes qui utilisent des aides techniques ont déjà leurs propres réglages, et un overlay peut les gêner. En 2023, le Forum européen des personnes handicapées et l'International Association of Accessibility Professionals ont déclaré ensemble que les overlays ne rendent pas les sites accessibles ni conformes à la législation européenne. En janvier 2025, la Federal Trade Commission américaine a ordonné à l'éditeur d'overlay accessiBe de payer 1 million de dollars pour avoir affirmé que son outil pouvait rendre n'importe quel site conforme aux WCAG.

« C'est un projet ponctuel »

Chaque nouvelle page, article, photo de produit ou campagne peut créer de nouveaux obstacles. L'accessibilité fonctionne comme l'orthographe ou la sécurité : on la met en ordre une fois, puis on l'entretient au quotidien.

Une façon réaliste de commencer

Inutile de tout corriger d'un coup. Une démarche régulière et pragmatique vaut mieux qu'un grand chamboulement.

  1. Vérifiez vos pages les plus importantes. Commencez par la page d'accueil, la page de contact, une page produit ou service clé et tout formulaire ou tunnel de commande. Une vérification automatique repère vite de nombreux problèmes courants, en gros un tiers à la moitié de l'ensemble, mais pas tous.
  2. Corrigez d'abord le plus grave. Commencez par ce qui empêche de terminer une tâche : un formulaire impossible à envoyer au clavier, un bouton sans nom, un champ sans étiquette. Attaquez-vous ensuite aux problèmes présents sur toutes les pages, comme un contraste trop faible dans votre modèle ou un menu qui ne s'ouvre qu'à la souris.
  3. Testez vous-même. Utilisez votre site dix minutes uniquement au clavier. Zoomez votre navigateur à 200 % et regardez si des contenus se chevauchent ou disparaissent. Essayez le lecteur d'écran intégré à votre appareil, VoiceOver sur Mac ou iPhone, TalkBack sur Android, ou NVDA, gratuit, sur Windows. Lisez vos textes principaux à voix haute et demandez-vous si un nouveau venu les comprendrait.
  4. Rédigez une déclaration d'accessibilité. Une page courte qui explique ce que vous avez vérifié, quels problèmes vous connaissez, ce que vous faites pour les résoudre et comment vous joindre en cas de difficulté.
  5. Intégrez-la à vos habitudes. Ajoutez le texte alternatif et les liens explicites à votre liste de contrôle éditoriale, demandez des modèles accessibles à votre agence web ou à votre outil de création de site, et refaites une vérification après chaque refonte ou mise à jour importante.

Vérifiez votre propre site

Le premier pas le plus simple consiste à voir où en est votre site aujourd'hui. Vérifiez gratuitement une page avec ibin : vous recevez un rapport en langage clair qui montre ce qui ne va pas, qui est concerné, où se trouve le problème sur la page et comment le corriger. Appuyez-vous sur les guides de correction pour traiter les résultats, et sur notre guide pour rédiger une déclaration d'accessibilité quand vous serez prêt à en publier une. Connectez-vous avec votre adresse e-mail pour vérifier gratuitement jusqu'à 200 pages du même site.

Voyez où en est votre site

Vérifiez gratuitement une page, sans compte. Vous recevez une liste claire de ce qu’il faut corriger en premier, avec des images de l’endroit où se trouve chaque problème.

Par exemple votreboutique.com. Une page prend environ 20 secondes, et c’est gratuit.

Continuer la lecture

Tous les articles