Un site peut s’adapter parfaitement à un téléphone tout en empêchant une personne de demander un devis. Le menu exige peut-être une souris, un champ manque de libellé ou une erreur apparaît sans être annoncée par un lecteur d’écran. Le responsive traite les tailles d’écran. L’accessibilité examine si des personnes aux capacités et modes d’interaction différents peuvent comprendre et utiliser le site.
Commencer par le parcours client
Choisissez une tâche importante, comme trouver un service et demander une consultation. Essayez sans souris. Suivez l’ordre des commandes, ouvrez et fermez le menu, saisissez les informations et envoyez le formulaire. Notez les passages difficiles ou impossibles. W3C explique les besoins liés aux handicaps visuels, auditifs, physiques, de la parole, cognitifs et neurologiques dans son introduction à l’accessibilité web.
Pour un cabinet comptable fictif, le formulaire de rendez-vous compte davantage qu’une animation décorative. Vérifiez d’abord que l’on trouve les possibilités, choisit un créneau et comprend la confirmation. Un examen pratique suit toute la séquence, y compris les erreurs et la réussite. Les tests automatiques aident, mais ne prouvent pas que chaque client peut terminer ce parcours.
Rendre la navigation au clavier compréhensible
Les éléments interactifs doivent être accessibles et utilisables au clavier. Le visiteur doit voir quelle commande détient actuellement le focus. L’ordre doit suivre un parcours cohérent plutôt que sauter entre les sections. Lorsqu’une fenêtre de dialogue s’ouvre, il faut pouvoir l’utiliser puis revenir à la page sans rester bloqué.
Demandez à un professionnel de contrôler les menus, onglets, dialogues et commandes personnalisées. Une imitation visuellement convaincante d’un bouton peut ne pas avoir le comportement attendu. Les commandes HTML natives offrent une base utile lorsqu’elles sont bien choisies, mais leur style et la logique de l’application peuvent encore introduire des problèmes. Décrivez précisément l’action qui échoue, plutôt que de qualifier tout le site à partir d’un seul constat.
Concevoir des formulaires dont on peut corriger les erreurs
Un texte indicatif dans un champ vide disparaît souvent dès la saisie. Utilisez des libellés clairs, précisez les informations obligatoires et évitez les demandes inutiles. Les messages d’erreur doivent expliquer la correction et rester associés au champ concerné. Conservez les informations raisonnablement saisies pour ne pas imposer de tout recommencer.
Dans notre cabinet fictif, une bordure rouge autour du téléphone sans explication laisse le visiteur deviner. Une consigne précise sur le format accepté est plus utile. Testez un champ obligatoire vide et une valeur invalide, puis vérifiez la communication de l’erreur à l’écran et avec une technologie d’assistance. Expliquez aussi la suite après un envoi réussi, notamment le délai de réponse attendu.
Faciliter la lecture et la compréhension
Une typographie lisible, des contrastes suffisants, des titres utiles et des liens descriptifs orientent les clients. La couleur ne doit pas être le seul moyen de distinguer un état important. Les images informatives demandent une alternative textuelle ; les images purement décoratives ont une autre fonction. Prévoyez des sous-titres ou alternatives lorsque l’audiovisuel porte une information essentielle.
Un design de marque distinctif peut respecter ces besoins. Il n’exige ni texte pâle, ni légendes minuscules, ni menu à déchiffrer. Notre guide de stratégie de marque relie les choix visuels aux besoins du public. Contrôlez le texte agrandi, les écrans étroits et les préférences de réduction des animations, en conservant l’accès au contenu.
Définir le périmètre de l’examen
Convenez des pages, composants et parcours évalués, ainsi que du référentiel d’accessibilité utilisé. Dire qu’un site est « accessible » se vérifie difficilement sans périmètre ni preuves. Des contrôles manuels, des essais avec des technologies d’assistance et un avis spécialisé adapté complètent les outils automatiques. Les obligations légales dépendent du service et de la situation ; elles nécessitent une évaluation distincte lorsqu’elles s’appliquent.
Les évolutions peuvent créer de nouveaux obstacles, par exemple un module de réservation ou des médias ajoutés. Notre checklist de lancement d’un site IA aide à préparer les contrôles, et le dossier du site professionnel les relie à la maintenance. Désignez un responsable des parcours essentiels, sans considérer l’examen initial comme une approbation permanente.
Le service Webility de conception et développement web peut intégrer l’accessibilité au périmètre du projet. Parlons des démarches que chaque client doit pouvoir terminer pour aligner design, contenu et réalisation sur un objectif concret.
