Qu’est-ce que les WCAG ?
WCAG, ou Web Content Accessibility Guidelines, est une norme internationale développée par le W3C (World Wide Web Consortium). Son objectif est de garantir que les sites web et le contenu numérique sont accessibles à tous les utilisateurs, y compris les personnes handicapées.
La version actuelle, WCAG 2.1, s’appuie sur les versions précédentes et inclut des recommandations supplémentaires pour les appareils mobiles et les utilisateurs souffrant de déficiences cognitives ou de basse vision.
Les quatre principes des WCAG
Les WCAG reposent sur quatre principes fondamentaux, souvent rappelés par l’acronyme POUR:
Perceptible
Les informations doivent être présentées de manière à ce que les utilisateurs puissent les percevoir, quelles que soient leurs capacités sensorielles. Il s’agit notamment de fournir un texte de remplacement pour les images et de veiller à ce que le contenu soit accessible à l’aide de lecteurs d’écran.
Exemples :
- Fournissez des alternatives textuelles pour tout contenu non textuel ;
- Fournissez une forme alternative de CAPTCHA qui émet le code CAPTCHA sous forme audio ;
- Fournir des sous-titres et des transcriptions qui peuvent être lus par un lecteur d’écran ou un lecteur braille pour l’audio et la vidéo ;
- Fournir des descriptions audio supplémentaires lorsque le son de la vidéo est insuffisant pour décrire ce qui se passe à l’écran ;
- Utilisez des balises d’en-tête pour établir la hiérarchie du contenu ;
- Créez un contenu réactif : les utilisateurs ne doivent pas être enfermés dans une vue spécifique, ils doivent pouvoir faire pivoter leur appareil entre le paysage et le portrait ;
- Créez un contraste suffisant entre la couleur du texte et les arrière-plans ;
- Utilisez des couleurs et des icônes pour afficher les messages d’erreur et de réussite ;
- Le son d’arrière-plan doit être 20 décibels plus bas que les voix parlées pour ne pas interférer avec le dialogue ;
Utilisable
Les composants de l’interface utilisateur et la navigation doivent être utilisables. Par exemple, toutes les fonctionnalités doivent être accessibles via un clavier, et le contenu doit éviter les conceptions susceptibles de déclencher des crises d’épilepsie.
Exemples :
- Faites en sorte que toutes les fonctionnalités soient accessibles à partir d’un clavier ;
- Les utilisateurs peuvent ouvrir et fermer les fenêtres modales et les fenêtres contextuelles sans utiliser de souris ou de pavé tactile ;
- Tous les visiteurs du site web doivent disposer de suffisamment de temps pour lire et utiliser le contenu de la page ;
- Donnez un message d’avertissement avant qu’un utilisateur ne soit déconnecté pour cause d’inactivité ;
- Donnez la possibilité d’ajouter du temps lorsque vous effectuez des actions sensibles au facteur temps ;
- Ajoutez des icônes de pause/arrêt à un carrousel qui se lit automatiquement ;
- Ne concevez pas le contenu d’une manière susceptible de provoquer des crises d’épilepsie, évitez les animations qui clignotent plus de 3 fois par seconde ;
- Fournissez des moyens d’aider les utilisateurs à naviguer, à trouver le contenu et à déterminer à quel moment ils se trouvent ;
- Toutes les pages doivent avoir un titre relatif au contenu de la page ;
- Utilisez un fil d’Ariane lorsqu’il y a plusieurs niveaux de pages imbriquées ;
- Évitez les liens ambigus tels que “cliquez ici” ou “en savoir plus” ;
Compréhensible
Le contenu et le comportement de l’interface doivent être clairs et prévisibles. Cela signifie qu’il faut utiliser un langage simple et s’assurer que les utilisateurs peuvent facilement comprendre et utiliser le site web.
Exemples :
- Faites en sorte que le contenu du texte soit lisible et compréhensible ;
- Évitez le jargon technique ;
- Définissez l’attribut lang sur la balise html ( <html lang=”en”>) ;
- Les éléments globaux tels que l’en-tête, la navigation et le pied de page sont identiques sur chaque page ;
- Les liens de Nagivation sont les mêmes sur chaque page et toujours dans le même ordre ;
- Utilisez un langage cohérent pour étiqueter les éléments ;
- Fournissez des étiquettes pour toutes les entrées et des exemples (espaces réservés) si les données doivent être formatées d’une certaine manière ;
- Lorsqu’un formulaire est mal rempli, donnez des instructions sur la manière de corriger l’erreur ;
- Donnez des messages de réussite ou d’erreur lorsqu’un formulaire est soumis ;
- Donnez aux utilisateurs une seconde chance de confirmer ou d’annuler une action, en particulier lorsque cette action est irréversible ;
Robustesse
Le contenu doit être interprété de manière fiable par un large éventail d’appareils et de technologies d’assistance, aujourd’hui et à l’avenir.
Exemples :
- Maximisez la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d’assistance ;
- Écrire du HTML sémantique et valide ;
- Utilisez ARIA pour étendre votre HTML si nécessaire ;
- Incorporer des tests d’accessibilité dans votre processus de création ;
13 lignes directrices et 78 critères de réussite
Chacun des quatre principes comprend plusieurs lignes directrices – 13 au total. Ces lignes directrices sont étayées par des critères de réussite, c’est-à-dire des exigences spécifiques et testables qui permettent de déterminer si un site web répond aux normes d’accessibilité.
Les WCAG 2.1 comprennent 78 critères de réussite, organisés en trois niveaux de conformité :
Niveau A – Exigences de base, doit être adapté
Niveau AA – Recommandé pour la plupart des sites web
Niveau AAA – Niveau le plus élevé, difficile à atteindre pour tous les contenus
Pour la plupart des sites web, viser le niveau AA des WCAG 2.1 est un objectif fort et réaliste.
L’importance des WCAG
Les WCAG fournissent un cadre structuré et internationalement reconnu pour la création de contenu numérique accessible. Basé sur quatre principes – perceptible, exploitable, compréhensible et robuste – il comprend 13 lignes directrices et 78 critères de réussite qui permettent de s’assurer que votre site est utilisable par tout le monde.
Le respect des WCAG vous aide à
- Rendre les sites web utilisables par les personnes souffrant de divers handicaps (visuels, moteurs, cognitifs, etc.)
- D’améliorer l’expérience globale de l’utilisateur
- Respecter les lois sur l’accessibilité en vigueur dans de nombreux pays
- Améliorer le référencement et adapter votre contenu aux nouvelles technologies