Niveaux WCAG : A, AA et AAA

Environ 15 % de la population mondiale vit avec une forme de handicap. Les sites accessibles conviennent à tout le monde : aux utilisateurs de lecteurs d'écran, aux utilisateurs qui se servent uniquement du clavier, aux personnes malvoyantes et aux utilisateurs sur des réseaux lents. L'accessibilité constitue également une obligation légale dans de nombreuses juridictions.

WCAG est la norme du W3C qui définit les caractéristiques d'un contenu web accessible. Version actuelle : WCAG 2.2 (octobre 2023). Son successeur, WCAG 3, en est encore aux premières étapes de rédaction.

WCAG s'articule autour de quatre principes : Perceptible, Utilisable, Compréhensible et Robuste. Chaque critère de succès relève de l'un d'eux.

Les informations doivent pouvoir être présentées de manière perceptible par les utilisateurs : texte alternatif pour les images, sous-titres pour les vidéos, contraste des couleurs suffisant et texte redimensionnable jusqu'à 200 % sans perte de fonctionnalité.

Toutes les fonctionnalités doivent être utilisables au clavier : aucune interaction réservée à la souris, suffisamment de temps pour lire le contenu, aucun contenu clignotant susceptible de déclencher des crises et des moyens de navigation clairs.

Le contenu et son fonctionnement doivent être compréhensibles : la langue de la page doit être indiquée, les modes de navigation doivent être prévisibles, les messages d'erreur doivent être clairs et accompagnés de suggestions, et les libellés doivent être cohérents.

Le contenu doit fonctionner avec les technologies d'assistance actuelles et futures. Utilisez du HTML valide, suivez les bonnes pratiques ARIA et assurez-vous que le nom, le rôle et la valeur peuvent être déterminés par programme.

Niveau A : minimum indispensable. Niveau AA : objectif standard, exigé par la plupart des législations. Niveau AAA : niveau le plus élevé, irréaliste pour des sites entiers ; appliquez-le uniquement aux pages essentielles.

La plupart des projets visent le niveau WCAG 2.1 AA ou 2.2 AA : c'est le niveau imposé par l'European Accessibility Act (EAA), la section 508 aux US et la plupart des règles d'achat des grandes entreprises.

Niveau A : texte alternatif sur les images et accès au clavier. Niveau AA : rapport de contraste de 4,5:1 pour le texte, aucune information transmise par la couleur seule, focus visible et redimensionnement à 200 %. Niveau AAA : contraste de 7:1, langue des signes pour les vidéos et aide contextuelle.

1) Ajoutez un texte alternatif à chaque image. 2) Utilisez du HTML sémantique (button, nav, h1-h6). 3) Vérifiez que le contraste des couleurs atteint 4,5:1. 4) Testez le site uniquement au clavier. 5) Ajoutez des libellés à chaque champ de saisie de formulaire. 6) Utilisez un indicateur de focus visible.

Quel niveau de conformité WCAG constitue l'objectif légal habituel pour la plupart des sites web et des applications ?

WCAG 2.2 est la norme actuelle. Quatre principes : perceptible, utilisable, compréhensible, robuste (POUR). Trois niveaux de conformité : A (de base), AA (objectif légal), AAA (le plus élevé). Visez AA pour respecter les exigences légales. Progrès rapides : texte alternatif, HTML sémantique, contraste de 4,5:1, test au clavier, champs input étiquetés, focus visible.