L'arborescence d'accessibilité est la vue structurée du navigateur de l'interface pour la technologie d'assistance. Il peut révéler un nom manquant, un rôle inattendu ou un état de contrôle différent de celui affiché à l'écran.

Inspecter les contrôles utilisateur réels

  • Sélectionnez un bouton, un lien, un champ et un contrôle développé ou sélectionné dans le panneau d'accessibilité.
  • Vérifiez que chaque élément a un rôle approprié et un nom concis qui identifie son objectif.
  • Comparez les états exposés cochés, développés, désactivés et sélectionnés avec l'état visible.

Préférez d’abord le HTML sémantique

Un bouton ou une étiquette native fournit généralement un comportement et une sémantique sans ARIA supplémentaire. Ajoutez ARIA uniquement lorsque les éléments natifs ne peuvent pas exprimer le modèle et gardez son état synchronisé avec l'interface.

L'arbre est un diagnostic utile et ne remplace pas les tests avec un clavier et une technologie d'assistance. Confirmez le flux de tâches complet, y compris les erreurs et les mises à jour dynamiques.