ARIA : rôle note

Description

Le rôle note peut être ajouté à un contenu parenthétique ou accessoire si aucun autre élément natif ou rôle ne correspond à l'usage.

Propriétés, états et rôles WAI-ARIA associés

aria-label ou aria-labelledby (optionnel)

Nommer une note est optionnel, mais cela peut aider les utilisateur·ice·s de lecteurs d'écran à comprendre son contexte et sa fonction. Le nom peut être fourni avec aria-labelledby si un label visible est présent, sinon avec aria-label.

Exemples

<h1>Madam C. J. Walker</h1>
<p>
  Madam C.J. Walker était une entrepreneure, philanthrope et militante politique
  et sociale afro-américaine.
</p>
<h2>Jeunesse</h2>
…
<h2>Carrière</h2>
…
<p role="note" class="highlight-box">
  Au plus fort de la dépression, Madam C. J. Walker a formé 20 000 femmes à
  vendre de la pommade capillaire en porte-à-porte.
</p>
<h2>Activisme et philanthropie</h2>
…

Dans l'exemple ci-dessus, inspiré d'une page Wikipédia sur Madam C.J. Walker, la boîte « highlight-box » avec le rôle note aurait pu être un <blockquote> si elle contenait une citation, ou un <figcaption> dans un <figure> s'il y avait une image associée. Ici, comme aucune de ces options n'était pertinente, le rôle note a été utilisé pour ajouter une sémantique au contenu parenthétique.

Spécifications

Voir aussi

• Rôles de structure de document