Accessibilité Web
Mes conseils pour créer un site web plus accessible
La notion d'accessibilité d'un site web
Dans le monde numérique, la notion d’accessibilité est souvent définie par la capacité d’un site web ou d’une application à être utilisé par des personnes handicapées. Si cette définition n’est pas fausse, elle est cependant réductrice et incomplète.
L’inclusion ne se limite pas à un handicap physique, cognitif, psychique ou moteur, et peut également être sociétale, générationnelle, culturelle ou matérielle. Pour un utilisateur qui dispose d’un débit limité ou d’une connexion instable, la notion d’accessibilité repose essentiellement sur un site ou une application rapide et facile à charger. De même, un utilisateur dans un espace public ne peut pas toujours écouter l’audio, et désire consommer ce contenu autrement, en obtenant l’information à travers des sous-titres ou une transcription textuelle.
Essentielle dans une société toujours plus inclusive, l’accessibilité web joue un rôle de levier au service de votre Search Engine Optimization (SEO) et de votre Generative Engine Optimization (GEO).
Une définition de l’accessibilité
« Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »
Tim Berners-Lee,
Inventeur du World Wide Web
Les grandes règles de l'accessibilité web
Un site lisible sur un lecteur d’écran
Un lecteur d’écran est un logiciel d’assistance utilisé par les personnes aveugles ou malvoyantes pour lire à voix haute le contenu. Des optimisations facilitent cette lecture :
- Une hiérarchie logique des balises <hn> :
- Des balises HTML5 pour définir les zones fonctionnelles (<main>, <nav>, <aside>, etc.) ;
- Un rôle précisé pour chaque élément interactif grâce aux attributs ARIA ;
- Un attribut alt pour décrire chaque image ;
- Une progression naturelle dans l’ordre de tabulation ;
- Etc.
Toute personne confrontée à des contraintes particulières, qu’elles soient liées à un handicap, à l’âge, à des contraintes sociales ou à un équipement limité, doit pouvoir consulter les contenus et utiliser les fonctionnalités d’un site. Cela implique des ajustements à la fois techniques, ergonomiques, éditoriaux et multimédias concrets.
Votre site web doit fonctionner correctement sur l’ensemble des navigateurs et terminaux existants, quels que soient les réglages activés, la taille de l’écran ou la qualité de la connexion. Le contenu doit être compréhensible par l’utilisateur en cas de désactivation du CSS ou du JavaScript, et s’adapter à des débits faibles ou à du matériel ancien. Un site web accessible est aussi conçu pour être consulté via un lecteur d’écran.
La navigation sans souris, qu’elle se fasse au clavier, à l’aide de plages braille ou par commandes vocales, doit être facilitée pour répondre aux besoins des personnes malvoyantes ou en situation de handicap moteur (tremblements, paralysie, douleurs articulaires, etc.).
Une attention particulière est portée sur le design. Les textes doivent être rédigés dans une police lisible et pouvoir être agrandis sans altérer la mise en page. Les contrastes garantissent une lecture confortable, y compris en cas de fatigue visuelle ou de trouble de la vue. Les zones cliquables doivent être larges et bien espacées pour limiter les erreurs de manipulation, notamment sur mobile ou en cas de motricité réduite.
Un haut niveau d’accessibilité repose également sur la qualité du contenu, qui doit être clair, dépourvu de jargon inutile, rédigé dans une syntaxe simple et directe qui facilite la transmission de l’information. Les termes techniques doivent être explicités pour faciliter la compréhension de toutes et de tous. Les formulaires doivent être simples à comprendre et à compléter, et les messages d’erreur sont rédigés de façon claire, également compréhensibles par les outils d’assistance.
Astuces et tutoriels sur l'accessibilité Web
Les synergies entre accessibilité web et SEO
Travailler l’accessibilité de votre site web présente un impact positif sur votre référencement naturel.
Les sites accessibles possèdent un code source explicite et lisible, qui respecte les standards du W3C. Citons parmi les principales préconisations un balisage <Hn>hiérarchisé, des balises HTML qui définissent des zones fonctionnelles, ou encore des attributs alt pour les images ou des liens explicites. Ils sont également pensés pour maintenir une expérience de navigation avec une connexion instable ou à faible débit. Une utilisation raisonnée et précise des balises <Hn>, des balises <img> qui intègrent à chaque fois un attribut alt, une recherche de la performance ou encore un site qui s’affiche correctement sur tous les terminaux, y compris mobiles : ces éléments contribuent tous à l’optimisation de votre référencement naturel !
Des contenus accessibles reposent sur un langage clair, concis et structuré, une bonne structuration des textes en plusieurs parties introduites par des balises <Hn>. L’optimisation de vos contenus est aussi l’un des piliers historiques du SEO, avec un travail particulier sur le titre et les intertitres, et une attention portée au champ lexical et à la sémantique. L’accessibilité et le référencement naturel présentent les mêmes exigences de lisibilité et d’accessibilité.
UX, accessibilité, SEO : trio gagnant
Améliorer l’expérience utilisateur (UX) renforce l’accessibilité et le SEO de votre site.
Un site conçu pour tous les utilisateurs favorise l’engagement et maximise les signaux comportementaux analysés par les moteurs de recherche, avec des algorithmes tels que Navboost, qui mesure l’intérêt réel pour une page.
Résultat : une UX optimisée, bénéfique pour vos utilisateurs et votre référencement naturel !
Mettre en œuvre une stratégie d’accessibilité web
Un signal fort pour votre RSE
L’accessibilité web est un puissant levier dans une politique de responsabilité sociétale des entreprises.
En rendant vos services numériques accessibles au plus grande vous démontrez un engagement concret en faveur de l’inclusion et de la diversité. Ce signal fort valorise votre image de marque, favorise la fidélisation client et améliore l’expérience utilisateur.
En investissant dans l’accessibilité, vous anticipez par ailleurs les obligations légales tout en contribuant à un internet plus équitable et responsable.
Vous devez aborder votre stratégie d’accessibilité web comme un processus continu intégré à chaque étape du cycle de vie d’un projet digital. Quand cela est possible, je vous recommande cependant d’intégrer cette dimension durant la phase de conception et de mise en production, puis pendant toute la durée de vie de votre site web ou de votre application.
De nombreux métiers du digital ont un rôle à jouer pour créer, maintenir et actualiser un site web accessible : les UX et UI designers conçoivent des interfaces compréhensibles et utilisables, les développeurs respectent les standards techniques, les rédacteurs produisent des contenus clairs et structurés, les chefs de projet et les consultants assurent la coordination et la conformité globale, etc.
Des tests d’utilisateurs en situation de handicap peuvent être menés pour identifier les axes d’amélioration possibles, mais je vous conseille de confier à un expert la réalisation d’un audit d’accessibilité pour déterminer précisément l’inclusivité de votre site web.
Plusieurs référentiels et outils en ligne peuvent vous apporter une méthodologie complète ou vous permettre de mettre en évidence des manquements. Ces outils automatisés, tels que Lighthouse, mettent en évidence les erreurs les plus fréquentes tels que des contrastes insuffisants ou des éléments interactifs inaccessibles ou non nommés. Parfois, quelques quick wins améliorent grandement l’accessibilité de votre site web sans engager des chantiers considérables.
Questions / Réponses
Les Web Content Accessibility Guidelines (WCAG), éditées par le World Wide Web Consortium (W3C) dans le cadre du Web Accessibility Initiative (WAI), mettent en lumière 4 principes fondamentaux d’accessibilité du contenu du Web :
- Être perceptible
- Être utilisable
- Être compréhensible
- Être robuste
Il n’est pas facile de savoir si un site web est accessible à tous les profils et dans toutes les situations.
En France, la direction interministérielle du numérique (DINUM) a édité un Référentiel général d’amélioration de l’accessibilité (RGAA) : celui-ci propose une méthode technique comportant 106 critères et tests pour une évaluation complète de l’accessibilité d’un site web.
Lighthouse (Google) permet d’identifier une partie des problèmes rencontrés par une page web : un score de 100/100 ne vous assure pas une accessibilité parfaite, mais un score inférieur à 100 vous donne déjà quelques pistes d’amélioration précieuses.
Vous trouverez également de nombreux autres outils accessibles en ligne, payants ou gratuits.
Rendre une application ou un site web accessible répond à de nombreux enjeux :
- Améliorer votre image de marque et votre RSE, en vous inscrivant dans une démarche d’égalité des droits et d’inclusion ;
- Respecter vos obligations réglementaires relatives au RGAA (pour les administrations et certaines entreprises) ;
- Renforcer l’attractivité de vos médias digitaux, en améliorant la lisibilité et l’interaction de vos pages web auprès de toutes et de tous ;
- Optimiser son taux de conversion, en réduisant les freins liés à une mauvaise accessibilité.
Le prix de votre audit dépend de nombreux paramètres. Des solutions en ligne telles que Lighthouse vous permettent de réaliser un pré-audit gratuit : ces outils sont incomplets, mais restent utiles pour vous positionner par rapport à vos objectifs ou à la concurrence. Certaines solutions se focalisent sur un point particulier : qualité du contraste, lisibilité du texte, etc. Vous pouvez également utiliser un crawler SEO, de type Screaming Frog, pour identifer toutes les images sans attribut Alt ou Aria.
Un audit complet, réalisé par un expert, coûte plus cher. Le site officiel design.numerique.gouv.fr évalue le prix d’un audit de conformité au RGAA entre 2000 € et 5000 € HT.
Les actions entreprises pour rendre votre site web plus inclusif peuvent avoir des conséquences sur des leviers d’acquisition tels que le référencement naturel.
Par exemple, le référentiel RGAA stipule qu’une image de décoration doit être ignorée par les technologies d’assistance (lecteur d’écran par exemple). Deux options sont possibles :
- Ne pas renseigner l’attribut alt dans la balise <img> ;
- Ajouter un attribut WAI-ARIA aria-hidden=”true” ou role=”presentation”.
Or, laisser un attribut alt n’est pas SEO-friendly. Vous devrez alors choisir la solution qui préserve votre optimisation pour les moteurs de recherche, sans dégrader votre note pour le référentiel RGAA.
Selon l’article 47 de la loi n° 2005-102 du 11 février 2005, sont soumis à l’obligation d’accessibilité numérique :
- Les personnes morales de droit public (État, collectivités territoriales, établissements publics) ;
- Les organismes privés chargés d’une mission de service public (sous certaines conditions) ;
- Les organismes privés créés par des personnes morales de droit public (répondant à un besoin d’intérêt général non industriel ou non commercial) ;
- Les entreprises privées dont le chiffre d’affaires annuel moyen dépasse 250 millions d’euros en France (calcul sur les trois derniers exercices).
La nouvelle directive européenne « Accessibilité », entrée en vigueur à partir du 28 juin 2025, prévoit une extension de ces obligations à toutes les entreprises, à l’exception de celles comptant moins de 10 salariés ou réalisant moins de 10 millions d’euros de chiffre d’affaires. Les fournisseurs de services de médias audiovisuels sont également exemptés.