Pourquoi l’accessibilité web est-elle essentielle ?

Aujourd’hui, navi­guer sur le web est un geste quo­ti­dien. Mais pour cer­taines per­sonnes, visi­ter un site peut être semé d’obs­tacles. En effet, il y a des mil­lions de per­sonnes qui sont tou­chées par le han­di­cap. C’est pour cela qu’on parle d’accessibilité web : le but est de rendre les sites uti­li­sables par tout le monde, y com­pris, donc, les per­sonnes handicapées.

Qu’est-ce que l’accessibilité web et pour­quoi est-elle cru­ciale ? Je vous explique pour­quoi et vous trou­ve­rez dans cet article quelques prin­cipes de base et des res­sources qui vous aideront.

L’accessibilité web, c’est quoi exactement ?

L’accessibilité web pré­voit que tout le monde puisse consul­ter et inter­agir avec un site web, quelles que soient ses capa­ci­tés phy­siques, sen­so­rielles, men­tales ou techniques.

Cela concerne par exemple :

• une per­sonne aveugle qui uti­lise un lec­teur d’écran,
• une per­sonne sourde qui a besoin de sous-titres sur une vidéo,
• un uti­li­sa­teur avec une mobi­li­té réduite qui n’utilise que le cla­vier,
• une per­sonne dys­lexique qui a besoin d’un conte­nu clair et bien struc­tu­ré.
• Une per­sonne dal­to­nienne qui voit mal les cou­leurs.

Je vous invite à aller visi­ter cette chaîne You­Tube qui montre com­ment des per­sonnes aveugles visitent le web. Les vidéos datent un peu, mais ça donne une bonne idée de leur vie au quotidien.

Il est donc impor­tant de réa­li­ser des sites acces­sibles pour évi­ter d’ex­clure les per­sonnes qui ont un handicap. 

L’accessibilité web et la loi du 11 février 2005

« Consti­tue un han­di­cap, au sens de la pré­sente loi, toute limi­ta­tion d’ac­ti­vi­té ou res­tric­tion de par­ti­ci­pa­tion à la vie en socié­té subie dans son envi­ron­ne­ment par une per­sonne en rai­son d’une alté­ra­tion sub­stan­tielle, durable ou défi­ni­tive d’une ou plu­sieurs fonc­tions phy­siques, sen­so­rielles, men­tales, cog­ni­tives ou psy­chiques, d’un poly­han­di­cap ou d’un trouble de san­té invalidant. »

Ce sont les pre­mières lignes de cette loi.

Cette loi a 20 ans et l’ac­ces­si­bi­li­té numé­rique n’est tou­jours pas sys­té­ma­tique chez les per­sonnes déve­lop­pant des sites web. Cette loi est une obli­ga­tion légale pour l’é­ga­li­té des droits et des chances. Mal­heu­reu­se­ment, jus­qu’à pré­sent, elle n’é­tait impo­sée qu’aux admi­nis­tra­tions et ser­vices publics. Elle ne concerne pas seule­ment les pro­jets numé­riques, mais aus­si les espaces publics.

Pour le sujet qui nous concerne, elle impose à l’État et aux col­lec­ti­vi­tés d’assurer l’accessibilité des ser­vices en ligne. Cette loi a été un socle pour le déve­lop­pe­ment de réfé­ren­tiels comme le RGAA (pour la France).

Le RGAA pré­voit que les sites atteignent plu­sieurs degrés d’ac­ces­si­bi­li­té : A, AA, AAA. De manière géné­rale, on vise au moins le AA.

Il existe d’autres réfé­ren­tiels inter­na­tio­naux : le WCAG (par le W3C) et WebAIM.

À par­tir du 28 juin 2025, une nou­velle légis­la­tion pour l’ac­ces­si­bi­li­té numé­rique entre­ra en vigueur. Cette loi s’ap­pli­que­ra à toutes les entre­prises pri­vées qui ont plus de 10 sala­riés ou un chiffre d’af­faires supé­rieur à 2 mil­lions d’eu­ros. Cela concernera :

• les sites web et les appli­ca­tions mobiles comme les ser­vices d’in­for­ma­tion, mais aus­si les sites e‑commerce.
• les logi­ciels et ter­mi­naux en libre-service. 

Voi­ci ce que dit exac­te­ment la loi :

Les entre­prises employant moins de dix per­sonnes qui four­nissent des ser­vices et dont le chiffre d’af­faires annuel n’ex­cède pas deux mil­lions d’eu­ros ou dont le total du bilan n’ex­cède pas deux mil­lions d’eu­ros sont dis­pen­sées des exi­gences d’ac­ces­si­bi­li­té men­tion­nées au pré­sent article et de toutes les obli­ga­tions qui y sont liées. 

Les sites web mis en ligne à par­tir du 28 juin 2025 devront être acces­sibles dès la mise en production.

Les sites web exis­tants avant cette date devront se mettre en confor­mi­té au plus tard le 28 juin 2030.

L’accessibilité web : une meilleure expérience pour tout le monde

Un site acces­sible est souvent :

• mieux struc­tu­ré, en res­pec­tant la hié­rar­chie des titres, on faci­lite la lec­ture et la compréhension
• plus lisible sur mobile, avec notam­ment de contrastes ou une lec­ture confor­table avec une typo­gra­phie adaptés.
• mieux réfé­ren­cé, car les moteurs de recherche favo­risent les sites bien structurés
• les vidéos sous-titrées sont utiles à tout le monde, par exemple si on visionne une vidéo dans un espace public et qu’on a oublié nos écouteurs.

L’accessibilité est béné­fique pour tout le monde, pas seule­ment aux per­sonnes en situa­tion de handicap.

Quelques principes de base de l’accessibilité numérique

Le WCAG, cité plus haut, a défi­ni 4 grands prin­cipes. Le site doit être :

• Per­cep­tible : le conte­nu du web est mis à la dis­po­si­tion des sens – vue, ouïe et/ou toucher
• Opé­ra­tion­nels : les for­mu­laires, les contrôles et la navi­ga­tion de l’in­ter­face sont opérationnels.
• Com­pré­hen­sible : les infor­ma­tions et le fonc­tion­ne­ment de l’in­ter­face uti­li­sa­teur doivent être compréhensibles.
• Robuste : le conte­nu doit être suf­fi­sam­ment robuste pour pou­voir être inter­pré­té de manière fiable par une grande varié­té d’a­gents uti­li­sa­teurs, y com­pris les tech­no­lo­gies d’assistance.

Quelques bonnes pratiques :

Structurez votre contenu

• Uti­li­ser des balises HTML séman­tiques (<main>, <nav>, <section>, etc.).
• Res­pec­ter la hié­rar­chie des titres (H1 → H2 → H3…).
• Mettre des liens expli­cites : pré­fé­rer « Télé­char­ger le rap­port » plu­tôt que « Cli­quez ici ».

Soigner les contrastes et la lisibilité

• Le texte doit suf­fi­sam­ment contras­té : noir sur blanc, par exemple. 
• Évi­ter par exemple d’é­crire en blanc sur fond jaune (pour les boutons).
• Évi­ter les textes trop petits ou fins.
• Ne pas trans­mettre d’informations uni­que­ment par la couleur.

Rédigez des descriptions d’images

Chaque image doit avoir une attri­but alt qui décrit son conte­nu ou sa fonc­tion. C’est essen­tiel pour les lec­teurs d’écran. La des­crip­tion du conte­nu ne concerne pas les images déco­ra­tives qui n’ap­portent pas d’in­for­ma­tion. Mais l’at­tri­but alt doit tou­jours être pré­sent, même s’il est vide.

Assurer la navigation clavier

• Chaque bou­ton, lien ou for­mu­laire doit être acces­sible via Tab / Shift + Tab / Entrée.
• Affi­chez un indi­ca­teur de focus clair (enca­dre­ment ou sur­brillance visible).

Rendre les formulaires compréhensibles

• Asso­cier chaque champ à un label.
• Pré­voir des mes­sages d’erreurs clairs et visibles.
• Grou­per les champs simi­laires (par exemple avec <fieldset> et <legend> pour un for­mu­laire d’inscription).

Accessibilité web et WordPress 

Petit conseil, être méfiant des outils soi-disant prêts à l’emploi, qui vantent le mérite de rendre votre site acces­sible. L’ac­ces­si­bi­li­té mise en place par des per­sonnes humaines, il n’y rien de tel.

Concer­nant Word­Press, choi­sis­sez un thème accessibility-ready sur le réper­toire de word​press​.org

Ren­dez-vous sur la page des Thèmes, dérou­lez l’i­tem du menu Fonc­tion­na­li­tés, choi­sis­sez Thèmes acces­sibles comme indi­qué sur l’i­mage ci-dessous :

Sachez que les thèmes par défauts appor­tés avec l’ins­tal­la­tion de Word­Press (les thèmes Twen­ty Twen­ty) sont accessibles.

Avec Word­Press, vous avez toutes les clés en main pour rendre vos sites acces­sibles : vous pou­vez par exemple sai­sir très faci­le­ment le texte alter­na­tif de vos images, c’est natif. 

Une petite fonc­tion­na­li­té que j’ap­pré­cie, est celle qui nous per­met d’in­di­quer le chan­ge­ment de langue dans le texte. Il est impor­tant d’in­di­quer un chan­ge­ment de langue dans un texte, pour que le ou les mots soient bien res­ti­tués par les lec­teurs d’écran. 

1. Sélec­tion­ner le mot de langue différente.
2. Cli­quer sur la flèche qui vous per­met d’af­fi­cher plus d’options
3. Cli­quer sur langue
4. Choi­sis­sez l’at­tri­but de langue valide pour défi­nir la langue du mot choi­si (en pour anglais par exemple)

Voici quelques ressources :

• La docu­men­ta­tion Word­Press qui explique com­ment rendre acces­sible vos sites.
• Je vous conseille vive­ment le livre d’Ar­mo­ny Alti­nier : Acces­si­bi­li­té web, Normes et bonnes pra­tiques pour des sites plus acces­sibles. Ce livre est la réfé­rence en France. Il vous per­met­tra d’ap­prendre l’ac­ces­si­bi­li­té pas à pas.

Quelques outils pour vous aider à rendre vos sites acces­sibles (la liste n’est pas exhaustive) :

• L’extension Tana­gu­ru
• Hea­ding maps 
• Espa­ce­ment de texte 
• WCAG contrast checker 
• Assis­tant RGAA