L’accessibilité aide les personnes à lire votre contenu, à naviguer et à accomplir leurs tâches avec différents appareils et technologies d’assistance. Commencez par les parcours utiles à vos clients : trouver un service, demander une soumission ou gérer un compte. Les dix vérifications suivantes permettent de repérer des améliorations concrètes. Elles constituent un premier examen, sans prouver qu’un site respecte toutes les exigences d’accessibilité.
1. Accomplir une tâche au clavier
Mettez la souris de côté et suivez un parcours familier. Utilisez Tab et Maj+Tab pour passer entre les commandes interactives. Activez les liens avec Entrée et les boutons avec Entrée ou Espace. Vérifiez que les menus, formulaires et boîtes de dialogue fonctionnent sans souris et que le focus ne reste pas bloqué. Notez l’étape précise qui échoue plutôt que de signaler seulement une page inaccessible.
2. Garder la position courante visible
Un indicateur de focus visible montre quelle commande répondra. Vérifiez-le sur différents arrière-plans et près des en-têtes fixes ou des bannières. Un lien d’évitement devrait permettre de sauter la navigation répétée et devenir visible lorsqu’il reçoit le focus. Les vérifications préliminaires du W3C aident à examiner l’accès au clavier et le zoom de manière cohérente.
3. Structurer les titres et préciser la langue
Utilisez de véritables niveaux de titres pour exprimer la structure, plutôt que du texte simplement en gras. Organisez les sous-sections logiquement et évitez de choisir un niveau pour son apparence. Consultez les conseils du W3C sur les titres. La langue déclarée de la page doit correspondre à son contenu, y compris pour les versions française et anglaise, afin de permettre une prononciation adaptée par les technologies d’assistance.
4. Décrire le rôle des images
Pour une image informative, rédigez une alternative qui transmet l’information utile dans son contexte. Si l’image sert de bouton ou de lien, indiquez son action ou sa destination. Une décoration pure doit avoir une alternative vide, alt="". Un graphique complexe nécessite aussi une explication accessible de son information. Le tutoriel du W3C sur les images distingue ces situations. Évitez d’accumuler des mots-clés dans les alternatives.
5. Vérifier les contrastes et les consignes
Mesurez le contraste du texte avec son arrière-plan réel. Le critère AA de contraste du texte prévoit généralement 4,5:1, ou 3:1 pour le grand texte, soit au moins 18 points ou 14 points en gras, avec des exceptions définies. Consultez le critère complet pour le contenu concerné. Ajoutez des mots ou un autre indicateur clair à la couleur pour signaler une erreur ou une action requise.
6. Agrandir le contenu et examiner la disposition
Augmentez le zoom du navigateur à 200 % pour un premier essai. Le texte, les commandes et les messages importants doivent rester lisibles et utilisables. Essayez aussi un écran de téléphone étroit. Repérez les libellés coupés, les panneaux superposés et le contenu masqué par des éléments fixes. Ne désactivez pas le zoom. Ces essais ne remplacent pas une évaluation complète du redimensionnement et de la redistribution du contenu.
7. Rendre les formulaires compréhensibles
Prévoyez des libellés persistants associés aux champs dans le code; un texte indicatif à l’intérieur du champ ne suffit pas. Précisez les champs obligatoires et les formats attendus avant l’envoi. Provoquez une erreur dans un environnement de test et vérifiez que le message explique le problème et sa correction. Conservez les renseignements valides lorsque possible et confirmez clairement la réussite de la tâche.
8. Utiliser les commandes natives et gérer les changements
Privilégiez les boutons, liens et champs HTML natifs. Ajouter un rôle ARIA ne fournit pas le comportement au clavier manquant. Pour les commandes personnalisées et les messages dynamiques, faites intervenir le développeur et testez avec des technologies d’assistance. Les conseils ARIA du W3C expliquent ces responsabilités. Les régions repères structurent la page; les régions actives communiquent certaines mises à jour. Leurs rôles sont différents.
9. Prévoir des alternatives aux médias
Examinez les vidéos et l’audio avec les conseils du W3C sur les médias accessibles. Prévoyez les sous-titres, transcriptions et descriptions des informations visuelles essentielles adaptés au contenu. Testez les commandes au clavier. Préférez une lecture déclenchée par l’utilisateur, permettez de mettre les éléments animés en pause et évitez les effets clignotants. Révisez l’exactitude des sous-titres automatiques.
10. Consigner les problèmes et recommencer les essais
Notez la page, la langue, l’appareil, le navigateur, les étapes, le résultat attendu et l’obstacle observé. Priorisez les blocages qui empêchent une tâche. Les outils automatisés peuvent aider, mais ne déterminent pas seuls l’accessibilité. Combinez des vérifications manuelles, des essais adaptés avec les technologies d’assistance et les commentaires de personnes en situation de handicap. Recommencez après une modification du contenu, des formulaires ou des gabarits, dans les deux langues.
Quand demander de l’aide
Si un menu partagé, un composant du thème ou un formulaire demande des changements au code, les services de développement Web de Nuagerie peuvent aider à définir le travail. Communiquez avec nous en précisant la page et les étapes reproductibles. Un examen ciblé peut établir les priorités; une évaluation formelle de conformité exige une portée convenue et une démarche plus complète.
