ARIA: mark Rolle

Die mark Rolle kennzeichnet HTML-Elemente, die Text enthalten, der zur Referenz markiert/hervorgehoben ist. Dies entspricht semantisch dem HTML-Element <mark>. Wenn möglich, sollten Sie dieses Element stattdessen verwenden.

Beispiele für die Verwendung von mark sind genau dieselben wie für das <mark> Element. Dazu gehört das Hervorheben von Text in einem Zitat, das von besonderem Interesse ist, aber im ursprünglichen Quellenmaterial nicht markiert ist, vergleichbar mit der Verwendung eines Textmarkers, um Abschnitte eines gedruckten Artikels zu markieren und Teile des Inhalts anzuzeigen, die für die aktuelle Aktivität des Benutzers relevant sind, wie z.B. das Hervorheben von Textübereinstimmungen, die von einer Suchfunktion gefunden wurden.

Verwenden Sie mark nicht für rein dekorative Stile wie Syntaxhervorhebung.

Dem mark Element sollte kein zugänglicher Name gegeben werden; sowohl die aria-label als auch die aria-labelledby Attribute sind bei mark verboten.

Im folgenden Beispiel haben wir einen Abschnitt eines Dokuments, 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 ausgezeichnet, die mit einem <div> umschlossen ist und 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.

Die Verwendung des <mark> Elements gibt automatisch an, dass ein Knoten die Rolle mark hat. Wenn möglich, sollten Sie es bevorzugt verwenden.

Wird Teil von WAI-ARIA 1.3 sein, das sich noch in der Entwurfsphase befindet.

• HTML <mark> Element