L’arbre d’accessibilité est une représentation sémantique de la page produite par le navigateur. Il extrait du DOM les informations utiles aux technologies d’assistance : rôles, noms accessibles, états, relations et éléments interactifs.
Pourquoi il compte pour les agents
Les agents IA peuvent utiliser cet arbre comme une carte fonctionnelle de l’interface. Le rendu visuel indique où se trouvent les éléments. Le DOM indique comment ils sont structurés. L’arbre d’accessibilité indique ce que ces éléments sont censés faire.
Quand un bouton possède un nom accessible clair, quand un champ est relié à son label, quand une modale annonce correctement son rôle et son titre, l’agent dispose d’un signal plus fiable pour agir.
Ce que l’arbre rend visible
L’arbre d’accessibilité expose notamment :
- le rôle d’un élément : bouton, lien, champ, menu, dialogue ;
- son nom accessible : le texte ou l’étiquette que l’utilisateur assisté entendra ;
- son état : activé, désactivé, ouvert, fermé, sélectionné ;
- ses relations : champ relié à un label, erreur reliée à une entrée, contrôle relié à une section.
Les erreurs fréquentes
Les erreurs les plus courantes sont les boutons sans nom, les champs sans label, les icônes cliquables non décrites, les états non exposés, les modales mal structurées et les éléments interactifs rendus invisibles pour l’accessibilité.
Ces erreurs nuisent d’abord aux personnes qui dépendent des technologies d’assistance. Elles nuisent aussi aux agents qui tentent d’interpréter l’interface à partir de signaux programmatiques.
Lien avec la navigabilité agentique
Un arbre d’accessibilité propre ne garantit pas à lui seul qu’un site est agent-ready. Mais un arbre incomplet ou incohérent fragilise directement la navigabilité agentique.
C’est pourquoi l’audit de navigabilité agentique compare l’arbre d’accessibilité au rendu visuel et au DOM hydraté.