ARIA: term Rolle

Die term Rolle kann für ein Wort oder einen Ausdruck mit einer optional entsprechenden definition verwendet werden. Sie ist semantisch äquivalent zum HTML-Element <dfn> und dem Definitionsterm-Element (<dt>) innerhalb einer Definitionsliste (<dl>).

Die term Rolle wird verwendet, um explizit ein Wort oder einen Ausdruck zu kennzeichnen, für den eine Definition vom Autor bereitgestellt wurde oder erwartet wird, dass sie vom Benutzer bereitgestellt wird. Wenn eine vorhandene Definition existiert oder ein Formular oder ein Formularelement zum Eingeben einer Definition vorhanden ist, SOLLTEN Autoren aria-details setzen, um auf das zugehörige Element zu verweisen.

Verwenden Sie role="term" nicht auf interaktiven Elementen wie Links, da dies die Fähigkeit der Benutzer von unterstützender Technologie beeinträchtigen kann, mit dem Element zu interagieren. Auch ist der Begriff selbst der zugängliche Name, daher verwenden Sie nicht aria-label oder aria-labelledby.

Keine.

Keine.

Keine.

<p>
  <span role="term">Mansplaining</span>,
  <span role="definition"
    >a portmanteau of "man" and "explain", is the patronizing act of explaining
    without being asked to do so, to someone already learned on the topic, often
    after someone has already explained it</span
  >.
</p>

Unter Berücksichtigung besserer Semantik könnte das obige Beispiel auch so geschrieben werden:

<p>
  <dfn role="term">Mansplaining</dfn>,
  <span role="definition"
    >a portmanteau of "man" and "explain", is the patronizing act of explaining
    without being asked to do so, to someone already learned on the topic, often
    after someone has already explained it</span
  >.
</p>

oder ohne jegliche ARIA (aber möglicherweise nicht so, wie Sie es präsentieren möchten)

<dl>
  <dt>Mansplaining</dt>
  <dd>
    A portmanteau of "man" and "explain", is the patronizing act of explaining
    without being asked to do so, to someone already learned on the topic, often
    after someone has already explained it.
  </dd>
</dl>

Verwenden Sie role="term" nicht auf interaktiven Elementen wie Links, da dies die Fähigkeit der Benutzer von unterstützender Technologie beeinträchtigen kann, mit dem Element zu interagieren.

Lassen Sie den Begriff selbst den zugänglichen Namen definieren. Verwenden Sie nicht aria-label oder aria-labelledby.

• ARIA: definition Rolle.
• Das HTML-Element <dfn>