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 face à des sites web qui se chargent lentement, plissé les yeux devant des polices mal conçues, ou ressenti le découragement en tentant de naviguer sur des pages qui ne sont pas adaptées aux mobiles. Si ces problèmes peuvent nous causer de légers désagréments, pour les personnes en situation de handicap, ils peuvent constituer de véritables obstacles à l'utilisation du web.
L'accessibilité web désigne la nécessité pour les sites internet d'utiliser 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. Intégrer l'accessibilité peut sembler intimidant pour ceux qui découvrent ce domaine, mais c'est un élément essentiel de l'expérience utilisateur. L'accessibilité doit être intégrée dès le départ dans les processus de développement et de conception web, plutôt que d'essayer de l'ajouter après coup comme une réflexion tardive.
Types de handicap
Visuel
Les déficiences visuelles incluent la cécité, la malvoyance et le daltonisme.
Audition
Les handicaps auditifs comprennent les déficiences auditives et la surdité.
Neurologiques
Les troubles neurologiques affectent les systèmes nerveux central et périphérique, notamment l'épilepsie, la maladie d'Alzheimer, la maladie de Parkinson, etc.
Cognitif
Les troubles cognitifs incluent les troubles de l'attention, de la logique et de l'apprentissage.
Motricité
Les déficiences motrices comprennent un contrôle limité de la motricité fine, la lenteur musculaire et des difficultés ou l'incapacité d'utiliser les mains.
Pourquoi l'accessibilité web est-elle importante ?
Selon le rapport mondial 2023 de l'Organisation mondiale de la santé (OMS) sur les handicaps, 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 problèmes de santé 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, il existe des technologies permettant de réduire ou d'éliminer les obstacles à l'accès numérique. La mise à disposition 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 faire d'internet un espace plus inclusif pour tous, une bonne stratégie d'accessibilité présente également des avantages commerciaux. L'accessibilité est un composant de conception et de développement qui touche presque tous les éléments de la création du site web. Elle recoupe les aspects des conceptions adaptées aux mobiles, l'indépendance des appareils, l'interaction multimodale, l'utilisabilité, le référencement, et bien plus encore. Les sites web accessibles peuvent bénéficier de meilleurs résultats de recherche, de coûts de maintenance réduits, d'une portée d'audience élargie et démontrer la responsabilité sociale de l'entreprise. Avoir un site web bien conçu et accessible ne rend pas seulement votre site disponible aux personnes en situation de handicap, mais peut également améliorer considérablement l'expérience utilisateur pour tous les visiteurs de votre site.
Atteignez vos audiences et optimisez votre retour sur investissement
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, directrice marketing d'Acquia, présente les stratégies clés pour développer votre base clientèle, 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 un ensemble de directives partagées internationalement qui régissent les normes d'accessibilité des contenus web afin de rendre les sites web, 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 présente sur une page web ou une application web, ce qui inclut :
- L'information naturelle comme le texte, les images et les sons
- Le code ou 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. Les WCAG 2.0 ont été publiées en 2008 et sont devenues une norme ISO en 2012. Les WCAG 2.1 ont été publiées en 2018, et les WCAG 2.2 ont été publiées 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 les WCAG 2.2 étoffent davantage ces critères avec encore plus de critères de succès. Cependant, les directives sont rétrocompatibles, ce qui signifie qu'un contenu conforme aux WCAG 2.2 est également conforme aux WCAG 2.1 et WCAG 2.0.
Les WCAG constituent la base de la plupart des législations sur l'accessibilité dans le monde. Des lois comme le Titre III de l'Americans with Disabilities Act (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 des références indirectes aux WCAG. La Norme européenne EN 301 549 pour la Directive européenne sur l'accessibilité du 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 fondamentales 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 niveau de conformité le plus élevé 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 niveau d'accessibilité le plus élevé 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 d'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.
Scanner d'accessibilité PDF
Identifiez et corrigez les problèmes d'accessibilité PDF sur la plateforme Acquia Web Governance.
Les Composants de l'Accessibilité Web
L'accessibilité web est un aspect qui englobe chaque élément d'un site internet. 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 d'une page web ou d'applications web, telles que le texte, les images et les sons ; ou le code, les scripts ou le balisage qui définissent la structure, la présentation, etc. du site. - Agents Utilisateur
Les agents utilisateur sont les navigateurs web, les navigateurs de téléphones mobiles, les lecteurs multimédia, 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) pour les 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 à haute voix les informations des 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 court 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é au clavier : Pour les personnes ayant des déficiences motrices, des handicaps de motricité fine ou des handicaps temporaires comme des doigts cassés, utiliser une souris pour naviguer peut être difficile. Les utilisateurs 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 un clavier. Les utilisateurs peuvent naviguer dans le contenu avec la touche de tabulation ou utiliser une technologie d'assistance qui imite le modèle de navigation au clavier.
Fournir des transcriptions pour l'audio : Pour les personnes malentendantes, les fichiers audio comme les clips sonores, podcasts et 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.
Global
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
Selon le 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 des États-Unis s'assurent que leurs technologies électroniques et de l'information 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é du web
L'UE a publié la Directive européenne sur l'accessibilité du web pour standardiser et harmoniser le cadre réglementaire autour de l'accessibilité web et mobile des organismes du secteur public.
En savoir plus sur la Directive européenne sur l'accessibilité du web
Europe
EAA
L'Acte européen sur l'accessibilité (EAA) est une directive de l'UE qui exige des États membres qu'ils légifèrent sur l'accessibilité en ligne et hors ligne, fournissant un cadre de règles d'accessibilité communes pour le marché.
Australie
DDA Australien
La loi australienne contre la discrimination fondée sur le handicap de 1992 (DDA) protège les personnes handicapées contre la discrimination dans différents domaines de la vie publique, y compris 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 impose 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 garantir que l'interface et le développement de votre site soient conçus dans une optique d'accessibilité.
Les principes suivants qui décrivent les solutions d'accessibilité sont élaborés et validés par l'Initiative pour l'accessibilité du Web (WAI) du W3C, en conformité avec les normes WCAG.
Alternatives textuelles : Utilisez des alternatives textuelles pour transmettre le contexte et l'objectif du contenu visuel. Les alternatives textuelles transforment les informations du contenu visuel en texte électronique qui peut être présenté sous la forme la mieux adaptée aux besoins de l'utilisateur. Parmi les exemples, on trouve les enregistrements audio de texte lu à voix haute, l'agrandissement de la taille du texte ou la possibilité de lire le texte sur des appareils braille.
Fournir des transcriptions textuelles et des sous-titres pour le contenu audio : Bien que le multimédia offre aux utilisateurs une expérience web plus riche et diversifiée, il peut représenter un obstacle pour les personnes ayant des déficiences auditives ou visuelles. Fournir des transcriptions textuelles et des sous-titres pour le contenu audio ou ajouter une interprétation en langue des signes contribue à 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 la présentation du contenu. Parmi les exemples de présentations multiples du contenu, on trouve la possibilité de faire lire le contenu à voix haute, 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, temporisé ou à lecture automatique : La perception et la compréhension du contenu ne sont pas universelles. 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 de porter une attention particulière aux éléments temporisés d'un site web et d'utiliser du contenu dynamique qui n'interrompt pas, ne fait pas de pause, ne clignote pas ou ne défile pas automatiquement. Le contenu animé qui clignote à 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 du contenu bien organisé peut offrir aux utilisateurs en situation de handicap une opportunité équitable 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'être inclusif envers 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 ou n'entendent pas le contenu ou qui peuvent ne pas reconnaître les relations implicites, les séquences et autres indices des éléments web.
Faire apparaître et fonctionner le contenu de manière prévisible : Assurez-vous que le contenu de votre site suit un modèle et une interface cohérents et prévisibles. Une conception uniforme peut aider les utilisateurs à apprendre rapidement à naviguer sur le site et à suivre des schémas prévisibles pour atteindre certains objectifs.
Afficher une déclaration d'accessibilité : Démontrez votre engagement envers l'accessibilité web à vos clients et parties prenantes en incluant une déclaration d'accessibilité sur votre site. Une déclaration d'accessibilité doit comprendre les directives et normes d'accessibilité que votre site web suivra, y compris le niveau d'accessibilité visé, les coordonnées de contact au cas où les visiteurs rencontreraient des problèmes d'accessibilité sur le site, et une mention 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 recoupent les bonnes pratiques SEO. Par exemple, les directives Google pour les webmasters décrivent des pratiques telles que s'assurer d'avoir des attributs alt et title descriptifs, vérifier la validité du HTML et proposer un plan de site aux utilisateurs. Tous ces éléments (et bien d'autres) sont également essentiels 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 expérience de qualité à tous, quelle que soit la façon dont ils doivent accéder à internet. Lorsque vous garantissez une bonne expérience aux utilisateurs en situation de handicap, vous pouvez être sûr 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 aux informations et services doit être fourni à 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 issues des procès intentés sous l'ADA ont fait référence aux WCAG 2.0 niveau AA, puis par la suite aux WCAG 2.1, comme référentiel pour les normes de conformité. Ainsi, pour que votre site web soit conforme à l'ADA, il devrait également être au minimum conforme aux 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 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, c'est possible. 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 3000 procès ont été intentés aux États-Unis pour violation de l'ADA. Évitez toute action en justice contre votre site web en implémentant l'accessibilité web de manière précoce et appropriée. Lisez cet article pour savoir comment éviter un procès lié à l'accessibilité web.
|
Identifiez les principaux problèmes de votre site web
Découvrez si vous offrez la meilleure expérience web possible à vos visiteurs.
