Introduction à l'accessibilité web
L'accessibilité web consiste à créer du contenu web, des designs et des outils utilisables par tous.
Qu'est-ce que l'accessibilité web ?
Nous avons tous vécu l'agacement des sites web qui se chargent lentement, plissé les yeux devant une typographie mal conçue, ou ressenti la frustration de tenter de naviguer sur des pages qui ne sont pas adaptées aux mobiles. Bien que ces problèmes puissent représenter un léger désagrément pour nous, ils peuvent s'avérer véritablement limitants pour les personnes en situation de handicap dans leur utilisation du web.
L'accessibilité web répond au besoin pour les sites web d'intégrer des outils et technologies développés pour faciliter la perception, la compréhension, la participation, la navigation et l'interaction d'une personne en situation de handicap sur le site. L'intégration de l'accessibilité peut sembler intimidante pour ceux qui découvrent le domaine, mais elle constitue un élément essentiel de l'expérience utilisateur. L'accessibilité doit être intégrée dès les phases de développement et de conception web, plutôt que d'essayer de l'ajouter après coup.
Types de handicap
Visuel
Les handicaps visuels comprennent la cécité, la malvoyance et le daltonisme.
Audition
Les handicaps auditifs comprennent les déficiences auditives et la surdité.
Neurologique
Les troubles neurologiques affectent le système nerveux central et périphérique, notamment l'épilepsie, la maladie d'Alzheimer, la maladie de Parkinson, etc.
Cognitif
Les troubles cognitifs comprennent les troubles de l'attention, de la logique et de l'apprentissage.
Motricité
Les déficiences motrices incluent un contrôle limité de la motricité fine, une lenteur musculaire, et des difficultés ou une incapacité à utiliser les mains.
Pourquoi l'accessibilité web est-elle importante ?
Selon le rapport mondial 2023 sur le handicap de l'Organisation mondiale de la santé (OMS), 16 % de la population mondiale vit avec une forme de handicap, qu'il soit physique, cognitif ou neurologique. Les taux de handicap ne cessent d'augmenter en raison du vieillissement de la population et de l'augmentation des affections chroniques.
1,3 milliard
De personnes dans le monde vivent avec un handicap
Les personnes en situation de handicap devraient pouvoir bénéficier du même accès à l'information que celles qui n'en ont pas. Heureusement, des technologies sont disponibles pour réduire ou éliminer les barrières à l'accès numérique. L'application de ces avantages garantit que chacun, quel que soit son âge ou ses capacités physiques ou mentales, puisse utiliser internet et vivre une expérience web de qualité.
En plus de rendre internet plus inclusif pour tous, une stratégie d'accessibilité efficace présente également des avantages commerciaux. L'accessibilité est un élément de conception et de développement qui touche presque tous les aspects de la création d'un site web. Elle recoupe les aspects de conception mobile, d'indépendance des appareils, d'interaction multimodale, d'ergonomie, de référencement, et bien plus encore. Les sites web accessibles peuvent obtenir de meilleurs résultats de recherche, réduire les coûts de maintenance, élargir leur audience et démontrer leur responsabilité sociale d'entreprise. Avoir un site web bien conçu et accessible ne le rend pas seulement disponible aux personnes en situation de handicap, mais peut aussi considérablement améliorer l'expérience utilisateur pour tous les visiteurs de votre site.
Atteignez vos audiences et optimisez votre ROI
Les marques américaines qui ne priorisent pas l'accessibilité perdent jusqu'à 6,9 milliards de dollars par an au profit de leurs concurrents. Il ne s'agit pas seulement de conformité ; l'accessibilité est un catalyseur pour créer des expériences numériques plus engageantes et productives pour TOUS les utilisateurs.
Dans cette vidéo, Jennifer Griffin Smith, CMO d'Acquia, présente les stratégies clés pour développer votre base clients, améliorer la satisfaction client et la fidélité à la marque, et augmenter vos revenus.
Normes d'accessibilité
Les Règles pour l'accessibilité des contenus Web (WCAG) ont été développées par le World Wide Web Consortium (W3C) dans le but d'établir une série de directives partagées internationalement qui régissent les normes d'accessibilité du contenu web pour rendre les sites internet, appareils et contenus accessibles aux utilisateurs en situation de handicap. Le contenu selon les WCAG fait référence au contenu web qui constitue l'information d'une page web ou d'une application web, ce qui inclut :
- Les informations naturelles telles que le texte, les images et les sons
- Le code ou le balisage qui définit la structure, la présentation, etc.
Trois versions des WCAG sont actuellement appliquées : WCAG 2.0, 2.1 et 2.2. WCAG 2.0 a été publié en 2008 et est devenu une norme ISO en 2012. WCAG 2.1 a été publié en 2018, et WCAG 2.2 a été publié en 2023. Toutes les exigences (« critères de succès ») de la version 2.0 sont incluses dans la 2.1, avec quelques critères de succès supplémentaires dans la 2.1, et WCAG 2.2 étend encore davantage ces critères avec des critères de succès additionnels. Cependant, les directives sont rétrocompatibles, ce qui signifie qu'un contenu conforme à WCAG 2.2 est également conforme à WCAG 2.1 et WCAG 2.0.
Les WCAG constituent la base de la plupart des législations sur l'accessibilité à travers le monde. Des législations comme le Titre III de la Loi américaine sur les personnes handicapées (ADA) et la Loi sur l'accessibilité pour les personnes handicapées de l'Ontario (LAPHO) adoptent les WCAG au niveau AA comme norme minimale de conformité. Certains pays font référence indirectement aux WCAG. La Norme européenne EN 301 549 pour la Directive européenne sur l'accessibilité web, par exemple, ne mentionne pas explicitement son adoption des WCAG mais inclut toutes les exigences des directives.
Les critères de succès des WCAG sont catégorisés en trois niveaux de conformité : Niveau A, AA et AAA.
Niveau A
Ce niveau couvre les exigences les plus élémentaires des fonctionnalités d'accessibilité et constitue le degré minimal d'accessibilité qui doit être respecté. Le non-respect de ce niveau entraînera un site web complètement inaccessible.
Niveau AA
Ce niveau traite certains des obstacles les plus courants à l'accès pour les personnes en situation de handicap. Il s'agit du plus haut niveau de conformité exigé par la plupart des sites web car il garantit que les principales barrières d'accessibilité sont supprimées.
Niveau AAA
Il s'agit du plus haut niveau d'accessibilité selon les WCAG et il est plus difficile à atteindre pour la plupart des sites. Atteindre ce niveau est souhaitable, mais n'est généralement pas nécessaire.
Les Quatre Principes de l'Accessibilité
Les principes de l'accessibilité web constituent les fondements du contenu produit pour le web et pour toute personne souhaitant utiliser le web. L'absence de l'un de ces quatre principes entraîne des expériences web inaccessibles pour les utilisateurs en situation de handicap. L'acronyme POUR décrit les principes de l'accessibilité fonctionnelle.
Perceptible
Les informations et les composants de l'interface utilisateur doivent être présentés aux utilisateurs de manière qu'ils puissent les percevoir.
Utilisable
Les composants de l'interface utilisateur et la navigation doivent être utilisables.
Compréhensible
L'information et le fonctionnement de l'interface utilisateur doivent être compréhensibles.
Robuste
Le contenu doit être suffisamment robuste pour pouvoir être interprété de manière fiable par une grande variété d'agents utilisateurs, y compris les technologies d'assistance.
Analyseur d'Accessibilité PDF
Identifiez et corrigez les problèmes d'accessibilité PDF sur la plateforme de Gouvernance Web Acquia.
Les Composants de l'Accessibilité Web
L'accessibilité web est un aspect qui couvre tous les éléments d'un site web. Les différents composants du site web doivent être interconnectés et complémentaires les uns aux autres pour créer un site fonctionnel et accessible au bénéfice des personnes en situation de handicap. Ces composants comprennent :
- Contenu
Le contenu comprend les informations présentes sur une page web ou dans des applications web, telles que le texte, les images et les sons ; ou encore le code, les scripts ou le balisage qui définit la structure, la présentation, etc. du site. - Agents Utilisateurs
Les agents utilisateurs sont les navigateurs web, les navigateurs de téléphones mobiles, les lecteurs multimédias, les plug-ins, les technologies d'assistance et autres logiciels qui agissent au nom d'un utilisateur. - Outils de Création
Il s'agit des logiciels qui créent des sites web tels que les éditeurs de code, les systèmes de gestion de contenu, les blogs, etc. - Outils d'Évaluation
Outils pour vous aider à examiner l'efficacité de vos attributs d'accessibilité et à suivre vos efforts de remédiation.
Exemples d'Accessibilité Web
Ajouter un texte alternatif (alt text) aux images : Cela peut être fait en ajoutant une description du texte dans le balisage/code. Le texte alternatif est utilisé par les lecteurs d'écran et autres technologies d'assistance pour lire à voix haute les informations contenues dans les images aux personnes malvoyantes. Le texte alternatif est également bénéfique aux utilisateurs web qui ont désactivé les images en raison d'une bande passante limitée et constitue une ressource précieuse pour l'optimisation des moteurs de recherche. Le texte alternatif doit être à la fois concis et descriptif.
Exemples de bon et mauvais texte alternatif
Mauvais : Une photographie de chiots
Bon : Trois chiots Labrador assis dans un panier
Pour les images purement décoratives, utilisez un texte alternatif nul (img alt="").
Assurer la fonctionnalité clavier : Pour les personnes ayant des troubles de la mobilité, des handicaps de motricité fine, ou des handicaps temporaires comme des doigts cassés, utiliser une souris pour naviguer peut être difficile. Les personnes doivent pouvoir utiliser un site web par d'autres moyens, comme un clavier. Pour les sites web accessibles, toutes les fonctionnalités sont disponibles via le clavier. Les utilisateurs peuvent naviguer dans le contenu avec la touche tabulation ou utiliser des technologies d'assistance qui imitent le modèle de navigation au clavier.
Fournir des transcriptions pour l'audio : Pour les personnes malentendantes, les fichiers audio comme les extraits sonores, les podcasts et les vidéos sont inaccessibles. Avoir une transcription du contenu audio permet aux personnes malentendantes de le consommer.
Conformité et Législation
Il existe différentes normes et réglementations d'accessibilité web selon les pays. Voici quelques exemples des lois et directives les plus importantes à travers le monde.
Mondial
WCAG
Les Règles pour l'accessibilité des contenus Web (WCAG) constituent la norme internationale d'accessibilité établie par le World Wide Web Consortium (W3C).
États-Unis
ADA
En vertu du Titre III de l'Americans with Disabilities Act, tous les lieux d'accueil du public, y compris les sites web, doivent être accessibles à tous les utilisateurs.
États-Unis
Section 508
La Section 508 du Rehabilitation Act de 1973 exige que les agences fédérales aux États-Unis s'assurent que leurs technologies électroniques et informatiques soient accessibles.
Canada
LAPHO
La Loi de 2005 sur l'accessibilité pour les personnes handicapées de l'Ontario (LAPHO) est appliquée en Ontario pour identifier, éliminer et prévenir les obstacles pour les personnes handicapées et inclut l'accessibilité web.
Europe
Directive européenne sur l'accessibilité web
L'UE a publié la Directive sur l'accessibilité web pour normaliser et harmoniser le cadre réglementaire concernant l'accessibilité web et mobile des organismes du secteur public.
Europe
EAA
L'Acte européen sur l'accessibilité (EAA) est une directive de l'UE qui exige des États membres de l'UE qu'ils légifèrent sur l'accessibilité en ligne et hors ligne, fournissant un cadre de règles communes d'accessibilité pour le marché.
Australie
DDA australienne
La loi australienne sur la discrimination fondée sur le handicap de 1992 (DDA) protège les personnes en situation de handicap contre la discrimination dans différents domaines de la vie publique, notamment la fourniture d'informations et de services en ligne sur le web.
Europe
Réglementation britannique sur l'accessibilité des organismes publics
La réglementation britannique sur l'accessibilité des organismes du secteur public de 2018 exige l'accessibilité des sites web et des applications mobiles.
Comment créer un site web accessible
L'accessibilité repose sur la collaboration des composants mentionnés. Voici quelques directives essentielles pour vous assurer que l'interface et le développement de votre site sont conçus dans une démarche d'accessibilité.
Les principes suivants, qui décrivent les solutions d'accessibilité, sont élaborés et validés par l'Initiative pour l'Accessibilité Web (WAI) du W3C, en conformité avec les standards WCAG.
Alternatives textuelles : Utilisez des alternatives textuelles pour transmettre le contexte et l'objectif du contenu visuel. Les alternatives textuelles convertissent les informations du contenu visuel en texte électronique qui peut être présenté sous une forme adaptée aux besoins de l'utilisateur. Les exemples incluent les enregistrements audio du texte, l'agrandissement de la taille du texte, ou la possibilité de lire le texte sur des dispositifs braille.
Fournir des transcriptions textuelles et des sous-titres pour le contenu audio : Le multimédia, bien qu'offrant aux utilisateurs une expérience plus riche et diversifiée sur le web, peut représenter une barrière pour les personnes ayant des déficiences auditives ou visuelles. Proposer des transcriptions textuelles et des sous-titres pour le contenu audio ou ajouter une interprétation en langue des signes peut contribuer à créer des expériences plus accessibles.
Présentation du contenu : Le contenu doit être présenté sous différents formats et les utilisateurs doivent pouvoir modifier sa présentation. Parmi les exemples de présentations multiples du contenu, on peut citer la possibilité de faire lire le contenu à haute voix, d'afficher le contenu dans des combinaisons de couleurs personnalisées, d'utiliser des contrastes de couleurs appropriés, et de créer du contenu adapté aux appareils mobiles.
Évitez le contenu clignotant, chronométré ou à lecture automatique : La perception et la compréhension du contenu ne sont pas les mêmes pour tous. Certains utilisateurs peuvent avoir besoin de plus de temps pour lire les instructions, saisir du texte ou accomplir des tâches sur un site web. Il convient d'adapter les éléments temporels d'un site web et d'utiliser du contenu dynamique qui n'interrompt pas, ne met pas en pause, ne clignote pas ou ne défile pas automatiquement. Le contenu animé et clignotant à certaines fréquences peut également être nocif pour les personnes photosensibles. Il est préférable d'éviter ce type de contenu ou de présenter un avertissement au préalable.
Navigation accessible : La navigation constitue un élément essentiel de l'expérience utilisateur et la création d'un site avec un contenu bien structuré peut offrir aux utilisateurs en situation de handicap une opportunité égale de découvrir pleinement le site web selon leurs besoins. Parmi les aspects importants à considérer concernant la navigation accessible, il convient de comprendre comment les utilisateurs interagissent avec les structures du site telles que les menus hiérarchiques, les zones de recherche et les plans de site.
Rendre le contenu textuel lisible et compréhensible : Le contenu textuel doit être lisible et compréhensible dans tous les formats de présentation. Le niveau de compréhension du texte doit être adapté pour toucher le public le plus large possible afin d'inclure les personnes ayant des troubles d'apprentissage et cognitifs. Il est également essentiel de fournir des mesures pour aider les utilisateurs à éviter et corriger les erreurs. Cela peut aider les personnes qui ne voient pas ou n'entendent pas le contenu ou qui peuvent ne pas reconnaître les relations implicites, les séquences et autres indices présents sur les éléments web.
Assurez-vous que le contenu apparaît et fonctionne de manière prévisible : Veillez à ce que le contenu de votre site suive un modèle et une interface prévisibles et cohérents. Une conception cohérente peut aider les utilisateurs à apprendre rapidement à naviguer sur le site et à suivre des modèles prévisibles pour atteindre certains objectifs.
Affichez une déclaration d'accessibilité : Démontrez votre engagement envers vos efforts d'accessibilité web à vos clients et parties prenantes en incluant une déclaration d'accessibilité sur votre site. Une déclaration d'accessibilité devrait inclure les directives et normes d'accessibilité que votre site web suivra, y compris le niveau d'accessibilité visé, les informations de contact au cas où les visiteurs rencontreraient des problèmes d'accessibilité sur le site, et une reconnaissance de toute exception aux normes basée sur les limitations du site. Vous pouvez utiliser un générateur de déclaration d'accessibilité pour créer rapidement une déclaration complète et conforme.
| Qui bénéficie de l'accessibilité web ? |
|---|
|
L'accessibilité profite à tous. Au-delà de permettre aux personnes en situation de handicap d'accéder au web, de nombreuses normes d'accessibilité web rejoignent les bonnes pratiques SEO. Par exemple, les Directives Google pour les webmasters décrivent des pratiques comme s'assurer que les attributs alt et title soient descriptifs, vérifier la validité du HTML, et proposer un plan de site aux utilisateurs. Toutes ces pratiques (et bien d'autres) sont également essentielles pour l'accessibilité. L'accessibilité web améliore aussi l'expérience utilisateur et l'assurance qualité. L'accessibilité consiste à créer un site web qui offre une excellente expérience à tous, quelle que soit leur façon d'accéder à internet. Lorsque vous garantissez une bonne expérience aux utilisateurs en situation de handicap, vous pouvez être certain que l'expérience globale et la qualité de votre site web s'amélioreront.
|
| L'accessibilité web est-elle une obligation légale ? |
|---|
|
Oui. De nombreux pays ont mis en place une législation sur l'accessibilité web, soit en se référant aux WCAG, soit avec des normes basées sur les WCAG, comme la norme européenne d'accessibilité web EN 301 549. Consultez notre section conformité et législation pour plus d'informations.
|
| Comment savoir si mon site web est conforme à l'ADA ? |
|---|
|
L'accessibilité web relève du Titre III de l'ADA, qui stipule qu'un accès équitable à l'information et aux services doit être fourni dans tous les lieux d'accueil du public (hôtels, écoles, restaurants, salles de sport, commerces, bibliothèques, cabinets médicaux, etc.). Les sites web sont considérés comme des lieux d'accueil du public et tout obstacle à l'accès sur le site web constitue une violation de cette loi. Bien que l'ADA ne dispose pas de ses propres normes techniques pour définir la conformité à l'accessibilité web, les nombreuses affaires judiciaires résultant de poursuites engagées sous l'ADA ont fait référence aux WCAG 2.0 niveau AA, et par la suite aux WCAG 2.1, comme référence pour les normes de conformité. Ainsi, pour que votre site web soit conforme à l'ADA, il devrait également respecter au minimum les WCAG 2.0 niveau AA. Pour connaître les niveaux de conformité à l'accessibilité de votre site web, vous pouvez demander une analyse gratuite de votre site web auprès de Monsido. En savoir plus sur la conformité ADA
|
| Puis-je être poursuivi en justice si mon site web n'est pas accessible ? |
|---|
|
Oui, vous le pouvez. Si votre pays dispose de directives légales spécifiques concernant l'accessibilité web, le fait de ne pas fournir un site web accessible peut entraîner des poursuites judiciaires. En 2020, plus de 3 000 procès ont été intentés aux États-Unis pour violation de l'ADA. Évitez toute action juridique contre votre site web en implémentant l'accessibilité web de manière précoce et appropriée. Consultez cet article de blog sur la façon d'éviter un procès lié à l'accessibilité web.
|
Identify Your Website’s Biggest Issues
Find out if you're delivering the best possible web experience for your visitors.
