Le zoom intégré du navigateur
Tous les navigateurs savent agrandir une page. Doublez le zoom et regardez si le texte est coupé, si des blocs se chevauchent ou si le menu disparaît.
Outils
Outils
Pour un premier test d'accessibilité, nul besoin de logiciels payants ni de formation particulière. Presque tout ce qu'il faut se trouve déjà dans votre navigateur, votre ordinateur et votre téléphone. Si vous savez où l'activer, une demi-heure suffit pour repérer la plupart des obstacles évidents sur votre page.
Le test le plus honnête consiste à utiliser le site comme d'autres l'utilisent : sans souris, avec une grande police ou à l'oreille.
Comment lire cette rubrique : nous décrivons des types d'aides, pas des logiciels ou des extensions précis. Le nom des menus change d'un appareil à l'autre, mais ces fonctions existent dans presque tous les systèmes et navigateurs récents.
Ce qui vous sera utile
Une petite trousse qui suffit pour voir votre site avec les yeux de visiteurs très différents.
Le clavier
La touche Tab déplace le focus vers l'avant, Maj + Tab vers l'arrière, et la touche Entrée active un lien ou un bouton. Si quelque chose est inaccessible sans souris, beaucoup de gens s'en apercevront.
Le mode de contraste élevé du système
Les réglages d'accessibilité de l'ordinateur et du téléphone proposent un mode de contraste élevé. Activez-le et vérifiez que les icônes, les contours des champs et les bords des boutons n'ont pas disparu.
Le lecteur d'écran intégré
Téléphones et ordinateurs disposent d'une fonction qui lit l'écran à voix haute. Écoutez votre page d'accueil : les liens sont-ils compréhensibles, les images décrites, les boutons annoncés ?
Décrire les photos (en russe)
La vérification du contraste des couleurs
De nombreux outils calculent le rapport de contraste entre deux couleurs. Comparez le résultat aux seuils des WCAG : 4,5:1 pour un texte normal et 3:1 pour un texte de grande taille.
Le validateur de code
La validation du code signale les éléments non fermés, les identifiants en double et d'autres erreurs qui amènent les technologies d'assistance à mal interpréter la page.
À lire aussi
- Guides
Des guides pas à pas pour rendre le texte lisible, la page compréhensible grâce aux titres et le formulaire de contact pratique pour tous. Avec le catalogue des articles.
- Dépannage
Que faire si le focus est invisible, si le texte déborde au zoom, si un bouton n'a pas d'intitulé, si les erreurs de formulaire sont obscures ou si une vidéo n'a pas de sous-titres.
- Comparatifs
Niveaux de conformité A, AA et AAA ; texte alternatif, légende et transcription ; sous-titres, transcription et langue des signes, présentés en tableaux comparatifs.
- Glossaire
Le vocabulaire de l'accessibilité : WCAG, GOST R 52872-2019, contraste, texte alternatif, focus, lecteur d'écran, sous-titres et langage clair.
- Risques
Les pièges de l'accessibilité : captcha infranchissable, messages qui disparaissent, clignotements, délais trop courts, scans au lieu de texte et « surcouches » miracles.
Sources
- W3C — recommandations WCAG 2.2
- GOST R 52872-2019
- Contenus éditoriaux du guide Wpget
Les informations sont présentées de manière générale à la date de rédaction. Les recommandations, les navigateurs et les habitudes des lecteurs évoluent peu à peu : en cas de doute, reportez-vous aux textes de référence, à savoir les recommandations WCAG et la norme russe GOST R 52872-2019 en vigueur.