Concevoir un site accessible aux humains et aux agents
Rendre les interfaces plus interprétables sans sacrifier l’expérience humaine.
Le Web sémantique comme point de départ
Les agents parcourent souvent des interfaces par le DOM, l’arbre d’accessibilité ou la vision. Des balises structurées, des libellés de champs stables, des noms d’actions sans ambiguïté et une hiérarchie claire aident également les personnes utilisant un lecteur d’écran.
États et confirmations
Une commande doit annoncer si elle est disponible, en cours ou terminée. Les erreurs doivent être localisées et compréhensibles. Les actions destructrices ou engageantes demandent une confirmation explicite ; la simple présence d’un bouton ne vaut pas autorisation générale.
Éviter la dépendance à un agent particulier
Une page utile doit rester navigable au clavier et lisible sans interface propriétaire. Les API et formats ouverts complètent l’HTML sémantique, mais aucun signal ne garantit que tous les agents fonctionneront correctement avec le site.
Tests combinés
Testez les parcours avec clavier, lecteur d’écran, tests de bout en bout et agents différents. Comparez l’observation avec les permissions demandées et l’état final réellement enregistré côté serveur.
L’accessibilité aide aussi la lisibilité machine
Un site utilisant des titres structurés, des noms de commandes, des labels de formulaires et des messages d’état explicites offre des repères utiles à différentes technologies d’assistance et aux agents qui observent le DOM. Les interfaces doivent conserver des fonctions sans agent, des boutons réellement cliquables et une indication de réussite plutôt que de simples animations.
Audit d’un parcours réel
Testez une page de recherche : saisie d’une question, sélection d’un filtre, affichage des résultats et retour en arrière. Vérifiez les noms accessibles, la navigation au clavier, les messages d’erreur et l’état après chaque interaction. Si un agent échoue, déterminez si le problème concerne le DOM, les permissions, les données ou son propre raisonnement, au lieu de corriger arbitrairement la page.
Les grandes étapes
- 01Auditer les noms accessibles
- 02Tester sans souris
- 03Simuler les erreurs
- 04Confirmer les actions sensibles
Trois questions à poser
Un bouton non étiqueté reste-t-il compréhensible ?
Un agent peut-il confondre une action et son résultat ?
L’usage humain fonctionne-t-il sans agent ?
Consulter les textes originaux
Les versions, conditions de réutilisation et statuts des documents peuvent évoluer. Vérifiez-les sur les sites d’origine.