Quels contrôles d’accessibilité une petite entreprise peut-elle faire sans outil spécialisé ?
Utilisez navigateur et téléphone pour repérer les obstacles avant un audit spécialisé.
Testez des tâches réelles
L’accessibilité est plus facile à comprendre lorsque vous testez ce que les gens doivent réellement faire. Choisissez trois ou quatre parcours importants : trouver un service, lire les horaires, demander un devis, prendre rendez-vous, acheter ou contacter le support. Testez ces parcours sur la page d’accueil, une page de service, un formulaire et une étape de confirmation.
Une page jolie n’est pas nécessairement accessible. Un menu peut être impossible au clavier, une erreur incompréhensible ou un bouton disparaître au zoom. Notez attente, obstacle et résultat pour obtenir un problème précis.
Utilisez différents appareils et navigateurs lorsque c’est possible. Un contrôle rapide sur ordinateur portable et sur téléphone peut révéler des problèmes invisibles lors d’une revue de design. Demandez à une personne extérieure de réaliser une tâche sans aide. Ses hésitations montrent souvent des consignes imprécises.
Vérifiez clavier et focus
Laissez la souris. Tab parcourt liens, boutons, champs et menus ; Maj-Tab revient en arrière. Entrée ou Espace active les contrôles. Pouvez-vous ouvrir le menu, atteindre chaque champ et terminer l’action ?
Le focus doit rester visible. Un contour ou changement clair montre la position. Il ne doit pas disparaître, sauter sans raison ou rester bloqué dans un menu, une boîte de dialogue ou un panneau de cookies.
L’ordre doit suivre la logique visuelle. Un lien caché du pied de page ne devrait pas précéder l’offre principale. Si un composant se comporte étrangement, notez son nom et son emplacement pour le développeur plutôt que d’essayer de le reconcevoir vous-même.
Testez zoom, contraste et texte
Passez le zoom à 200 %. Le texte, les contrôles et les informations importantes doivent rester utilisables. Testez navigation, service et formulaire, car une erreur responsive peut concerner un seul modèle.
Regardez le texte sur ses arrière-plans en lumière normale et sur un téléphone en extérieur. Le texte gris clair, le texte sur image et les boutons peu contrastés sont des problèmes fréquents. La couleur seule ne doit pas signaler erreur ou obligation. Ajoutez mots, symboles légendés ou distinction visible.
Contrôlez taille de police, longueur des lignes, espacement et densité des paragraphes. L’accessibilité n’est pas qu’un calcul de couleurs : les gens doivent trouver et comprendre l’information. Langage clair, titres descriptifs et paragraphes courts aident les visiteurs aux besoins de lecture et cognitifs différents.
Inspectez titres, liens et images
Lisez les titres seuls. Ils doivent montrer la structure et permettre de trouver une section. Un titre de page clair et des niveaux logiques sont généralement nécessaires. Ne choisissez pas un titre uniquement pour son apparence.
Lisez les liens hors contexte. Plusieurs « En savoir plus » n’indiquent pas la destination. Préférez « Voir les exemples de rénovation de salle de bains » ou ajoutez le contexte dans la phrase. Vérifiez que les liens distinguent destinations et actions.
Demandez le rôle de chaque image. Une information importante a besoin d’une alternative textuelle. Une image décorative ne doit pas générer une description inutile. Une simple relecture du contenu repère les alternatives manquantes, vagues ou bourrées de mots-clés, avant même d’utiliser un outil technique.
Testez formulaires, médias et mobile
Envoyez un formulaire vide, avec un e-mail invalide et un texte très long. Le champ concerné est-il clair ? L’erreur est-elle compréhensible et liée au champ ? Les libellés doivent rester visibles ou correctement associés.
Les informations parlées importantes ont besoin de sous-titres ou de transcription. La lecture automatique peut déranger. Les commandes lecture, pause et volume doivent fonctionner au clavier et au toucher. La vidéo ne doit pas remplacer le texte essentiel.
Sur téléphone, testez portrait, paysage, texte agrandi, espacement des zones tactiles et éléments fixes. Chat, bannières et cookies ne doivent pas masquer le contenu ou bloquer l’utilisateur. Vérifiez si l’on peut terminer l’action principale d’une seule main et avec une connexion lente.
Notez et faites intervenir un expert
Créez une liste avec page, tâche, obstacle, preuve, gravité et responsable. Priorisez ce qui bloque une tâche, affecte plusieurs pages ou empêche contact et paiement. Libellés, focus, texte et contraste sont souvent corrigibles rapidement.
Une checklist ne prouve pas la conformité complète. Normes, technologies d’assistance et utilisateurs réels révèlent d’autres problèmes. Demandez une expertise si le site est essentiel, si les plaintes se répètent, après une refonte importante ou lorsque le risque juridique est réel.
Refaites les contrôles après correction et gardez les décisions. ChatBuild peut aider une petite entreprise à intégrer l’accessibilité dans ses contenus, la structure des pages, les formulaires et les parcours mobiles, pour qu’un audit parte d’un site plus solide et plus facile à utiliser.
Sources
- Introduction to Web Accessibility · W3C
- Easy Checks · W3C
- Google Lighthouse · Google Lighthouse
Questions fréquentes
- Peut-on tester l’accessibilité sans logiciel ?
- Oui. Clavier, zoom, téléphone, titres, formulaires, sous-titres et langage clair révèlent de nombreux obstacles. Ils ne remplacent pas une expertise.
- Que tester en premier ?
- Les tâches essentielles : trouver un service, contacter, réserver ou acheter. Testez les pages et formulaires correspondants.
- Comment tester au clavier ?
- Utilisez Tab, Maj-Tab, Entrée et Espace sans souris. Le focus doit être visible, logique et jamais bloqué ni perdu.
- Le contraste suffit-il ?
- Non. Le contraste compte, mais structure, langage, formulaires, focus, alternatives, médias, zoom et interaction mobile comptent aussi.
Sjors Hooijen Builds ChatBuild and writes about getting a business online without turning it into a project. Des questions sur cet article ? Écrivez à hi@chatbuild.com.