summary-name-present
Les éléments summary ont un nom accessible
Vérifie que les éléments <summary> exposent un nom accessible non vide.
Applicabilité. S’applique aux éléments <summary> inclus dans l’arbre d’accessibilité qui servent de bouton de résumé à leur <details> parent : le premier enfant <summary> d’un <details>. Tout autre <summary> (hors d’un <details>, imbriqué plus profondément, ou un second) n’est pas du tout un contrôle : il ne reçoit pas le focus et ne bascule rien, il n’a donc rien à nommer (selon ACT 2t702h).
Attendu. L’élément a un nom accessible non vide provenant d’aria-label, d’un aria-labelledby qui se résout en texte non vide, de title ou du texte de son propre sous-arbre, où le propre nom d’un descendant (un <img alt>, aria-label ou title) compte comme la contribution de ce descendant.
Exemples
<details><summary>More details</summary><p>Body</p></details>
Le contenu textuel visible nomme le <summary>.
<details><summary></summary><p>Body</p></details>
Ni contenu textuel, ni nom accessible.
Comment vérifier
Quand cette règle ne peut pas trancher, elle renvoie cantTell et laisse la question à une personne. Chaque question qu’elle peut poser figure ici sous son code de raison, avec les étapes pour y répondre. Un constat porte les mêmes étapes dans howToCheck, dans la langue de l’analyse. Voir Schéma de sortie.
name_closedContent
- Repérez l’élément summary indiqué par le rapport et notez le texte ou l’icône affiché à l’écran.
- Ouvrez le panneau Accessibilité des outils de développement du navigateur et lisez le nom accessible de l’élément, que le navigateur tire d’un contenu qu’aucun script ne peut lire.
- Avec un lecteur d’écran, placez-vous sur l’élément et écoutez le nom annoncé.
Réussite. L’arbre d’accessibilité montre un nom pour l’élément summary, tiré de son contenu, et le lecteur d’écran l’annonce.
Échec. L’élément summary n’a pas de nom dans l’arbre d’accessibilité, car son contenu n’en donne aucun, ce qui ne respecte pas le critère WCAG 4.1.2.
name_contentTooDeep
- Repérez l’élément summary indiqué par le rapport et notez le texte affiché à l’écran.
- Ouvrez le panneau Accessibilité des outils de développement du navigateur et lisez le nom accessible de l’élément, que le navigateur tire de tout son contenu imbriqué.
- Avec un lecteur d’écran, placez-vous sur l’élément et écoutez le nom annoncé.
Réussite. L’arbre d’accessibilité montre un nom pour l’élément summary, tiré de son contenu imbriqué, et le lecteur d’écran l’annonce.
Échec. L’élément summary n’a pas de nom dans l’arbre d’accessibilité, car son contenu n’en donne aucun, ce qui ne respecte pas le critère WCAG 4.1.2.