ARIA: term Rolle

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

Die term Rolle wird verwendet, um ein Wort oder einen Ausdruck explizit zu identifizieren, für den eine Definition vom Autor bereitgestellt wurde oder erwartet wird, dass der Benutzer eine bereitstellt. Wenn bereits eine Definition vorhanden ist oder ein Formular oder ein Formularelement zum Eingeben einer Definition, SOLLTEN Autoren aria-details setzen, um auf das verwandte Element zu verweisen.

Verwenden Sie role="term" nicht auf interaktiven Elementen wie Links, da dies die Fähigkeit der Benutzer von unterstützenden Technologien zur Interaktion mit dem Element beeinträchtigen kann. Außerdem 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>

Mit besseren Semantiken 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 in der gewünschten Präsentationsform)

<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ützenden Technologien 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 <dfn> Element