Conformité WCAG : Quatre principes pour l'accessibilité numérique

Si vous vous intéressez à l'accessibilité des sites web, vous avez probablement entendu parler de la Americans with Disabilities Act (ADA)(opens in a new tab) — une législation fédérale américaine qui interdit la discrimination à l'encontre des personnes en situation de handicap par les organismes gouvernementaux et les entreprises du secteur privé.

Bien que l'ADA ait été rédigée avant que la plupart des entreprises ne soient présentes sur le web, il est désormais communément admis qu'elle s'applique à l'accessibilité des locaux physiques ainsi qu'aux propriétés numériques telles que les sites web, les applications web et les applications mobiles.

Le Department of Justice (DOJ) recommande de tester le contenu selon les Web Content Accessibility Guidelines (WCAG)(opens in a new tab), les normes internationales pour l'accessibilité numérique. Une mise à jour récente du Titre II de l'ADA précise désormais que la norme pour les gouvernements locaux et d'État est WCAG 2.1 Niveau AA. Bien que le Titre III de l'ADA ne comporte pas de normes explicites pour l'accessibilité numérique, suivre la dernière version de WCAG peut aider à se conformer à la réglementation.

Qu'est-ce que la conformité WCAG ? 

Le terme conformité WCAG est souvent utilisé dans le secteur de l'accessibilité numérique, mais le terme exact est plutôt conformité WCAG. WCAG est un ensemble de recommandations volontaires, et non une loi, ce qui signifie qu'il ne s'agit pas d'une obligation légale. En revanche, vous pouvez vous conformer aux recommandations incluses dans WCAG.

En résumé, la conformité WCAG signifie suivre les recommandations autant que possible. Vous pouvez envisager de fixer un objectif de conformité pour vous aider à créer un site web ou une application mobile plus accessible et à améliorer la conformité avec les lois nationales et internationales sur l'accessibilité.

La conformité WCAG est-elle obligatoire pour mon contenu numérique ?

La réponse courte est oui. Tous les sites web appartenant à des organisations américaines et/ou utilisés par des citoyens américains relèvent de l'ADA. WCAG 2.1 est la norme de facto utilisée par le système judiciaire américain pour évaluer la conformité au Titre II de l'ADA. 

Il s'agit d'une évolution récente datant d'avril 2024. Avant la nouvelle règle publiée par le Department of Justice(opens in a new tab), la norme effective de conformité était WCAG 2.0. Pour une conformité générale, la meilleure pratique consiste à suivre la dernière version des recommandations, actuellement WCAG 2.2.

Il est important de noter que l'ADA s'applique à toutes les organisations et à tous types de contenus numériques utilisés par les organisations. Les autorités gouvernementales ont régulièrement affirmé que l'ADA s'applique aux sites web, mais elle concerne aussi les documents diffusés en ligne (comme les PDF), les contenus multimédias et les applications mobiles. 

Malheureusement, de nombreuses entreprises pensent que leur contenu numérique « n'est pas utilisé par des personnes en situation de handicap ». Sachant que plus d'un adulte américain sur quatre a un handicap(opens in a new tab), c'est rarement le cas. Si votre site web n'a aucun visiteur en situation de handicap, il faut vous demander pourquoi 25 % de votre audience potentielle évite votre contenu.

Parce que WCAG est fréquemment cité dans les litiges liés à l'accessibilité web, ignorer l'accessibilité peut coûter cher. La conformité ADA est importante pour toutes les entreprises, et l'approche basée sur les principes de WCAG offre la meilleure voie à suivre.

Quels sont les quatre principes de WCAG ?

Les normes WCAG reposent sur quatre principes clés appelés principes POUR : le contenu doit être Perceptible, Opérable, Universellement compréhensible et Robuste. 

Ces concepts offrent une base solide pour créer du contenu web accessible et utilisable par tous. Voici une brève introduction à chaque principe WCAG.

1. Perceptible 

Un site web est perceptible si toutes les informations qu'il contient et ses composants d'interface utilisateur (liens interactifs, champs de texte, boutons, etc.) sont présentés de manière à ce que tous les utilisateurs puissent les percevoir et les comprendre. Autrement dit, si un contenu utile d'un site est totalement invisible pour un utilisateur, le site échoue au test de perceptibilité.

2. Opérable

Un site web est opérable si tous les utilisateurs peuvent interagir avec l'interface et naviguer sur le portail. Si le site contient des éléments interactifs, tous les utilisateurs doivent pouvoir les utiliser.

3. Compréhensible

Le contenu numérique doit fonctionner de manière prévisible. Un site web doit permettre à tous les utilisateurs de comprendre les informations et les éléments d'interface qu'il contient. Si un utilisateur ne parvient pas à comprendre comment fonctionne un site ou ce que signifient ses informations, il échoue au test de compréhensibilité.

4. Robuste 

Le contenu d'un site web doit être suffisamment robuste et fiable pour être interprété par un large éventail d'agents utilisateurs, tels que les navigateurs web standards et les technologies d'assistance comme les lecteurs d'écran (logiciels qui convertissent le texte en audio ou en braille).

À mesure que les agents utilisateurs et les technologies évoluent, le contenu doit rester accessible. L'utilisation d'un HTML sémantique approprié et d'autres types de balisage peut améliorer la compatibilité avec différentes technologies. Le contenu d'un site web doit être suffisamment robuste et fiable pour pouvoir être interprété par un large éventail d'agents utilisateurs — par exemple, des navigateurs web standards et des technologies d'assistance telles que les lecteurs d'écran (logiciels qui convertissent le texte en audio ou en braille).

À mesure que les agents utilisateurs et les technologies évoluent, le contenu doit rester accessible. L'utilisation d'un HTML sémantique approprié et d'autres types de balisage peut améliorer la compatibilité avec différentes technologies.

Que signifie la conformité aux normes WCAG ?

Les quatre principes des normes d'accessibilité semblent logiques, mais comment les appliquer concrètement ?

WCAG décline chaque principe en plusieurs recommandations de niveau inférieur pour des sujets spécifiques, puis détaille chaque recommandation en critères de succès, qui peuvent servir de liste de contrôle pour la conformité. Pour chaque critère de succès, WCAG propose également plusieurs « techniques suffisantes » — des exemples concrets pour appliquer la recommandation.

Les critères de succès sont également classés en trois niveaux de conformité : A, AA et AAA. Le niveau A correspond au niveau d'accessibilité le plus basique et le niveau AAA au plus complet. Les experts en accessibilité considèrent généralement le niveau intermédiaire, AA, comme la référence pour la conformité ADA.

Comment suivre les normes de conformité WCAG ?

Pour commencer à utiliser les principes POUR, vous devrez d'abord fixer un objectif. Pour la plupart des organisations, la conformité au niveau AA est un objectif raisonnable (et atteignable).

Voici quelques exemples de mesures qui vous permettront de répondre aux critères de succès à chacun des trois niveaux dans le cadre de la recommandation Perceptibilité : Recommandation 1.4, « Distinguable ».

Comme nous ne pouvons pas lister toutes les recommandations et critères dans cet article, consultez le guide de référence rapide « How to Meet WCAG » du World Wide Web Consortium (W3C)(opens in a new tab). Vous y trouverez une présentation plus détaillée des critères de succès et une feuille de route plus précise pour la conformité.

1. A : Rendez votre site accessible à certains utilisateurs

Les critères de succès de niveau A portent généralement sur les étapes de base permettant d'éviter les erreurs d'accessibilité les plus graves. À titre d'exemple, examinons le critère de succès 1.4, qui porte sur la distinguabilité — faciliter la perception du contenu par les utilisateurs.

La section 1.4.1 Utilisation de la couleur(opens in a new tab) est un critère de succès de niveau A, qui stipule que les sites ne doivent pas utiliser la couleur comme seul moyen de transmettre une information, d'indiquer une action, de solliciter une réponse ou de distinguer un élément visuel.

Par exemple, si une page web contient un passage de texte en vert et que les liens hypertextes dans ce passage sont surlignés en rouge, il pourrait être difficile, voire impossible, pour un utilisateur daltonien rouge/vert ou malvoyant de distinguer les liens du reste du texte. Pour répondre au critère de succès, une amélioration possible serait d'ajouter un autre indice visuel aux liens, comme les souligner ou utiliser une police différente. Il est également important de garantir un bon contraste des couleurs — un outil de vérification du contraste des couleurs comme celui d'AudioEye peut vous aider à cet égard.

2. AA : Rendez votre site accessible à presque tous les utilisateurs.

Pour se conformer au niveau AA de WCAG, vous devez satisfaire à tous les critères de succès du niveau A. Les recommandations de niveau AA s'appuient sur celles du niveau A, et les exigences globales sont donc plus strictes.

Dans le critère de succès 1.4, par exemple, le 1.4.3 Contraste (minimum)(opens in a new tab) du niveau AA élargit les recommandations de 1.4.1 Utilisation de la couleur. Il recommande que tout texte ou image de texte sur la page ait un rapport de contraste d'au moins 4,5:1 (sauf si le texte est grand ou si les images de texte sont purement décoratives ou font partie d'un logo ou d'une marque). Vous pouvez en savoir plus sur la façon de créer un contenu numérique qui utilise correctement le contraste des couleurs ici.

Un autre exemple est le critère 1.4.2 Contrôle audio(opens in a new tab). Ce critère recommande que tout contenu multimédia temporel qui se lance automatiquement pendant plus de trois secondes dispose d'une option « pause » ou « stop » ou d'une limite de temps. Cela permet aux personnes utilisant des lecteurs d'écran d'entendre le lecteur d'écran sans autres sons en arrière-plan, ce qui est particulièrement utile pour les personnes malentendantes. 

Un dernier exemple est le critère de succès AA 1.4.4 Redimensionner le texte(opens in a new tab), qui indique que les utilisateurs doivent pouvoir agrandir le texte jusqu'à 200 % de la taille standard sans avoir à utiliser de technologies d'assistance.

3. AAA : Rendez votre site accessible à tous les utilisateurs.

Comme mentionné plus haut, atteindre la conformité AAA nécessite de satisfaire à tous les critères de succès des niveaux A et AA avant de viser un niveau supérieur. Par exemple, le critère 1.4.6 Contraste (renforcé)(opens in a new tab) relève le rapport de contraste requis de 4,5:1 à 7:1. 

De même, 1.4.8 Présentation visuelle(opens in a new tab) complète 1.4.4 Redimensionner le texte en exigeant que le texte puisse être agrandi jusqu'à 200 % tout en permettant à l'utilisateur de lire une ligne complète sans avoir à faire défiler horizontalement la fenêtre du navigateur. 

Il suggère également d'autres améliorations, comme permettre à l'utilisateur de choisir les couleurs de premier plan et d'arrière-plan, de spécifier les paramètres d'espacement et de justification des lignes, et de pouvoir désactiver complètement les bruits de fond. Chacune de ces modifications améliore l'utilisabilité globale pour les personnes en situation de handicap afin de naviguer et de comprendre le contenu numérique. Par exemple, les personnes dyslexiques ou ayant des troubles cognitifs bénéficient grandement de la possibilité d'agrandir le texte.

Exemples de principes WCAG appliqués

Maintenant que vous avez une idée de base du fonctionnement des critères de succès WCAG, examinons comment les principes POUR peuvent être appliqués au contenu numérique.

Perceptibilité : Contraste des couleurs

Rappelez-vous que, pour qu'un contenu soit perceptible, il doit être présenté de manière à ce que tous les utilisateurs puissent le comprendre. Lors de la conception de contenu numérique, vous devrez garder la perceptibilité à l'esprit et veiller à ce que rien ne soit « invisible » ou inaccessible aux personnes en situation de handicap.

Par exemple, le critère de succès 1.2.2 Sous-titres(opens in a new tab) exige que les créateurs numériques incluent des sous-titres pour tout contenu audio préenregistré ou contenu non textuel comme les vidéos ou extraits audio. Cela permet aux personnes sourdes ou malentendantes d'accéder au contenu audio.

Opérabilité : Navigation au clavier uniquement

Certaines personnes utilisent uniquement un clavier pour naviguer sur votre site. Si vous ne tenez pas compte de ces utilisateurs lors de la conception de votre contenu, ils risquent de ne pas pouvoir utiliser facilement votre contenu numérique. 

C'est pourquoi WCAG inclut le critère de succès 2.1.1 Clavier(opens in a new tab), qui exige que les sites web soient entièrement utilisables au clavier seul. Vous devez également prendre en compte d'autres modalités d'entrée (comme les écrans tactiles, les commandes vocales et les dispositifs de suivi du regard) lors de la création de votre contenu. Chacun de ces éléments contribue à rendre votre site plus accessible au clavier.

Compréhensibilité : Titres et libellés clairs

En vous demandant si votre site web est compréhensible, vous pouvez trouver des moyens d'aider les utilisateurs à trouver ce dont ils ont besoin et à utiliser votre contenu. 

Par exemple, le critère de succès 3.3.2 : Libellés ou instructions(opens in a new tab) exige que les sites web fournissent des instructions écrites (ou des descriptions audio) pour les éléments d'interface utilisateur (comme les champs de formulaire). Prendre quelques secondes pour rédiger des instructions claires et concises facilitera la compréhension de votre contenu.

Robustesse : Messages d'état

Les utilisateurs doivent être informés lorsque le contenu d'une page change, et ces notifications doivent être robustes. Elles doivent pouvoir être présentées à tous les utilisateurs, qu'ils utilisent un lecteur d'écran, un écran tactile ou tout autre type d'appareil.

WCAG traite ce point avec le critère de succès 4.1.3 : Messages d'état(opens in a new tab), qui exige que les messages d'état disposent d'un balisage approprié. Il s'agit d'un type de problème d'accessibilité qui peut être détecté (et potentiellement corrigé) automatiquement — mais en pensant aux différents types d'agents utilisateurs lors de la rédaction de votre balisage, vous pouvez éviter le problème dès le départ.

Utiliser les quatre principes de l'accessibilité pour créer un meilleur contenu

Nous avons évoqué quelques applications des principes POUR, mais les recommandations WCAG couvrent des dizaines d'autres situations — toutes visant à lever des obstacles courants qui peuvent impacter les personnes en situation de handicap. 

La bonne nouvelle : tout ce travail porte ses fruits. Créer un contenu numérique accessible, avec des fonctionnalités claires et simples, améliore l'engagement des utilisateurs, augmente le classement dans les moteurs de recherche et peut générer plus de trafic. La conformité est utile — mais le design inclusif est un levier puissant pour développer votre activité.

C'est là qu'AudioEye intervient. Notre plateforme teste votre contenu pour détecter les problèmes courants de conformité WCAG et corrige les problèmes d'accessibilité qui nuisent à l'expérience utilisateur. Nous commençons par un scan d'accessibilité gratuit qui identifie les problèmes courants d'accessibilité. Notre équipe d'experts humains teste ensuite votre contenu numérique pour détecter des problèmes d'accessibilité plus complexes et recommande des étapes de correction. Le résultat : un contenu numérique accessible et inclusif, qui fonctionne pour tout le monde.