ARIA: mark Rolle
Die mark
Rolle bezeichnet Inhalte, die aus Gründen der Referenz oder Notiz markiert oder hervorgehoben sind, aufgrund der Relevanz des Inhalts im umgebenden Kontext.
Beschreibung
Die mark
Rolle bezeichnet semantisch HTML-Elemente, die Text enthalten, der zu Referenzzwecken markiert/hervorgehoben ist. Dies ist semantisch äquivalent zum HTML-<mark>
-Element. Wenn möglich, sollten Sie dieses Element verwenden.
Beispiele für die Verwendung von mark
sind identisch mit denen des <mark>
-Elements. Dazu gehört das Hervorheben von Text in einem Zitat, der von besonderem Interesse ist, aber nicht im ursprünglichen Quellmaterial markiert wurde, vergleichbar mit einem Textmarker, um Passagen eines gedruckten Artikels hervorzuheben und relevante Teile des Inhalts für die aktuelle Aktivität des Nutzers zu kennzeichnen, wie z.B. das Hervorheben von Texttreffern, die durch eine Suchfunktion gefunden wurden.
Verwenden Sie mark
nicht für rein dekorative Stilmittel wie Syntax-Hervorhebungen.
Das mark
-Element sollte keinen zugänglichen Namen erhalten; sowohl aria-label
als auch aria-labelledby
Attribute sind auf mark
verboten.
Beispiele
Im folgenden Beispiel haben wir einen Dokumentabschnitt, der kommentiert wurde. Der kommentierte Abschnitt wird mit <span role="mark">
ausgezeichnet.
<p>
The last half of the song is a slow-rising crescendo that peaks at the
<span role="mark" aria-details="thread-1">end of the guitar solo</span>,
before fading away sharply.
</p>
<div role="comment" id="thread-1" data-author="chris">
<h3>Chris said</h3>
<p class="comment-text">I really think this moment could use more cowbell.</p>
<p><time datetime="2022-03-30T19:29">March 30 2022, 19:29</time></p>
</div>
Der dazugehörige Kommentar wird mit einer HTML-Struktur versehen, die mit einem <div>
eingeschlossen ist, der role="comment"
enthält.
Um den Kommentar mit dem kommentierten Text zu verknüpfen, müssen wir den kommentierten Text mit einem Element umschließen, das das aria-details
Attribut enthält, dessen Wert die ID des Kommentars sein sollte.
Beste Praktiken
Bevorzugen Sie HTML
Die Verwendung des <mark>
-Elements wird automatisch kommunizieren, dass ein Knoten die Rolle mark
hat. Wenn möglich, bevorzugen Sie dessen Verwendung.
Spezifikationen
Wird Teil von WAI-ARIA 1.3 sein, das sich noch in der Entwurfsphase befindet.
Siehe auch
- HTML
<mark>
Element