WCAG 2.1 AA en 5 minutes

1. Perceptible

Les utilisateurs doivent pouvoir percevoir le contenu avec leurs sens, principalement la vue et l’ouïe.

• Texte alternatif pour les images : Ajouter des descriptions (alt text) aux images pour les lecteurs d'écran.

• Sous-titres pour les vidéos : Inclure des sous-titres pour les vidéos, afin que les utilisateurs sourds ou malentendants puissent comprendre le contenu.

• Contraste des couleurs : Utiliser un rapport de contraste de 4,5:1 entre le texte et l'arrière-plan pour garantir une bonne lisibilité.

2. Utilisable

Les utilisateurs doivent pouvoir naviguer et interagir avec l'interface.

• Navigation au clavier : Tous les éléments interactifs doivent être accessibles uniquement via le clavier (sans souris).

• Focus visible : Assurer qu'il est facile de voir quel élément est actuellement sélectionné lors de la navigation avec le clavier.

• Temps suffisant : Donner suffisamment de temps aux utilisateurs pour lire et interagir avec le contenu, ou permettre d’ajuster le délai si nécessaire.

3. Compréhensible

Les utilisateurs doivent pouvoir comprendre l'information et le fonctionnement de l'interface.

• Langue définie : Définir la langue de la page dans le code HTML pour aider les technologies d'assistance à interpréter correctement le contenu.

• Instructions claires : Donner des instructions simples et précises, notamment pour les formulaires.

• Éviter les pièges d'entrée : S'assurer que les utilisateurs peuvent corriger facilement les erreurs dans les formulaires (par exemple, en fournissant des messages d’erreur clairs).

4. Robuste

Le contenu doit être interprété de manière fiable par une variété de navigateurs, technologies d'assistance et appareils.

• Compatibilité avec les lecteurs d'écran : S’assurer que le code HTML est correctement structuré pour être interprété par les lecteurs d'écran.

• Labels pour les formulaires : Utiliser des balises de formulaire appropriées pour que les champs soient bien étiquetés pour les technologies d'assistance.

Résumé

En suivant ces principes de base de WCAG 2.1 AA, vous vous assurez que votre contenu web est accessible à un public plus large, y compris les personnes ayant des handicaps visuels, auditifs, moteurs ou cognitifs. Le respect de ces normes améliore également l'expérience utilisateur générale, notamment sur les appareils mobiles et dans des conditions de faible bande passante.

Cela peut être résumé par ces grands principes : rendre le contenu perceptible, utilisable, compréhensible et robuste.