ARIA: note-Rolle
Eine note
-Rolle deutet auf einen Abschnitt hin, dessen Inhalt ergänzend oder nebensächlich zum Hauptinhalt ist.
Beschreibung
Die note
-Rolle kann zu ergänzenden oder nebensächlichen Inhalten hinzugefügt werden, wenn kein anderes nativer Element oder keine andere Rolle passt.
Zugehörige WAI-ARIA-Rollen, -Zustände und -Eigenschaften
aria-label
oderaria-labelledby
(optional)-
Eine Anmerkung zu benennen ist optional, kann aber Benutzern von Screenreadern helfen, ihren Kontext und Zweck besser zu verstehen. Der Name kann mithilfe von
aria-labelledby
angegeben werden, wenn ein sichtbares Label vorhanden ist, andernfalls mitaria-label
.
Beispiele
<h1>Madam C. J. Walker</h1>
<p>
Madam C.J. Walker was an African American entrepreneur, philanthropist, and
political and social activist.
</p>
<h2>Early Life</h2>
…
<h2>Career</h2>
…
<p role="note" class="highlight-box">
At the height of the depression, Madam C. J. Walker trained 20,000 women to
sell hair pomade door-to-door
</p>
<h2>Activism and Philanthropy</h2>
…
Im obigen Wikipedia-ähnlichen Eintrag über Madam C.J. Walker hätte der highlight-box
mit der Rolle note
ein <blockquote>
sein können, wenn es ein Zitat enthielt, oder ein <figcaption>
in einer <figure>
, wenn ein zugehöriges Bild vorhanden wäre. In diesem Fall, da keines dieser Elemente sinnvoll war, wurde die note
-Rolle hinzugefügt, um dem ergänzenden Inhalt eine Semantik zu verleihen.
Spezifikationen
Specification |
---|
Accessible Rich Internet Applications (WAI-ARIA) # note |