Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Barrierefreiheit
  3. ARIA
  4. ARIA-Referenz
  5. Roles
  6. comment

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

ARIA: Rolle comment

Die Rollecomment bezeichnet semantisch einen Kommentar/Reaktion auf einige Inhalte auf der Seite oder auf einen vorherigen Kommentar.

Hinweis:Die Rolle comment wird in WAI-ARIA 1.3 vorgeschlagen (Neuester ARIA-Entwurf), der sich noch in der Entwurfsphase befindet.

Beispiele

Im folgenden Beispiel haben wir einen Dokumentabschnitt, der kommentiert wurde. Der kommentierte Abschnitt wird mit<span role="mark"> ausgezeichnet.

Der zugehörige Kommentar wird mit einer HTML-Struktur ausgezeichnet, die in einem<div> mitrole="comment" eingebettet ist.

html
<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" data-author="chris">  <h3>Chris said</h3>  <p>I really think this moment could use more cowbell.</p>  <p><time datetime="2019-03-30T19:29">March 30 2019, 19:29</time></p></div>

Um den Kommentar mit dem kommentierten Text zu verknüpfen, müssen wir den kommentierten Text mit einem Element umschließen, das dasaria-details-Attribut enthält, dessen Wert die ID des Kommentars sein sollte.

Mehrere Kommentare

Daaria-details nun mehrere IDs akzeptieren kann, können wir mehrere Kommentare mit derselben Anmerkung verknüpfen, wie folgt:

html
<p>  The last half of the song is a slow-rising crescendo that peaks at the  <mark aria-details="thread-1 thread-2">end of the guitar solo</mark>, before  fading away sharply.</p><div role="comment" data-author="chris">  <h3>Chris said</h3>  <p>I really think this moment could use more cowbell.</p>  <p><time datetime="2019-03-30T19:29">March 30 2019, 19:29</time></p></div><div role="comment" data-author="chris">  <h3>Marcus said</h3>  <p>    The guitar solo could do with a touch more chorus, and a slightly lower    volume.  </p>  <p><time datetime="2019-03-29T15:35">March 29 2019, 15:35</time></p></div>

Verschachtelte Kommentare

Es ist möglich, Kommentare ineinander zu verschachteln, wie folgt:

html
<div role="comment" data-author="chris">  <h3>Chris said</h3>  <p>I really think this moment could use more cowbell.</p>  <p><time datetime="2021-03-30T19:29">March 30 2021, 19:29</time></p>  <div role="comment" data-author="marcus">    <h3>Marcus replied</h3>    <p>      I don't know about that. I think the cowbell could distract from the solo.    </p>    <p><time datetime="2021-03-30T21:02">March 30 2021, 21:02</time></p>  </div></div>

Barrierefreiheitsbedenken

Keine.

Spezifikationen

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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2026 Movatter.jp