Comment rendre le site d’une PME plus accessible sans tout reconstruire ?

Tester les tâches réelles

Parcourez le site sans souris : ouvrir le menu, comprendre la page, remplir le formulaire et fermer les fenêtres. Le focus doit rester visible et suivre un ordre logique.

Zoomez à 200 % et vérifiez que le texte reste lisible sans perte d’information ni défilement horizontal inutile.

Corriger la structure et les noms

Utilisez header, nav, main, footer, boutons et liens selon leur fonction. Les titres doivent former une hiérarchie compréhensible sans dépendre de la taille visuelle.

Chaque contrôle possède un nom accessible. Une icône seule nécessite un libellé lorsque son sens n’est pas donné par le texte.

Rendre formulaires et médias compréhensibles

Associez les labels aux champs, expliquez les erreurs et ne communiquez pas uniquement par couleur. Les images informatives reçoivent un alt contextuel ; les décorations utilisent alt vide.

Ajoutez des sous-titres aux vidéos utiles et évitez la lecture automatique avec son.

Institutionnaliser les contrôles

Ajoutez l’accessibilité aux critères de conception, recette et publication. Un composant corrigé à la source évite de répéter la même erreur sur toutes les pages.

Les tests automatisés repèrent certains défauts, mais ne remplacent pas les tests manuels et utilisateurs.

Organiser une correction progressive sans fausse conformité

Constituez un échantillon représentatif : accueil, prestation, guide, formulaire, page légale et composants partagés. Corrigez d’abord le gabarit quand le même défaut se répète, puis contrôlez les contenus spécifiques.

Classez chaque anomalie par tâche empêchée, fréquence et portée. Ne présentez pas un score d’extension ou la réussite de quelques tests comme une conformité complète ; conservez la preuve du test, la correction et sa vérification.

• Parcours clavier complet
• Focus visible et ordre logique
• Titres et régions compréhensibles
• Formulaires avec labels et erreurs
• Zoom et reflow sans perte
• Contrôle humain après l’automatisation

Scénario de correction progressive sur un site de services

Commencez par trois tâches : comprendre une prestation, ouvrir le menu et envoyer une demande. Testez-les au clavier, avec un lecteur d’écran lorsque possible et à 200 % de zoom. Corrigez d’abord les blocages : focus invisible, bouton sans nom, champ sans label, erreur non annoncée ou contenu qui oblige à défiler horizontalement.

Ensuite seulement, traitez les incohérences moins graves et documentez ce qui reste. Une amélioration progressive ne doit pas être présentée comme une conformité totale. Ajoutez ces tâches à la recette des futurs composants afin que le défaut ne revienne pas. L’objectif est une action réalisable, pas un score automatique isolé.

• Parcours prioritaire réalisable au clavier
• Noms accessibles cohérents avec le visible
• Zoom et reflow sans perte d’information
• Limites restantes documentées honnêtement