ARIA: term role

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

Die term Rolle wird verwendet, um explizit ein Wort oder eine Phrase zu identifizieren, für das/die eine Definition vom Autor bereitgestellt oder vom Benutzer erwartet wird. Wenn es bereits eine Definition gibt oder ein Formular oder ein Formularelement, um eine Definition einzugeben, SOLLTEN Autoren aria-details festlegen, um auf das verwandte Element zu verweisen.

Verwenden Sie role="term" nicht auf interaktive Elemente wie Links, da dies die Fähigkeit von Benutzern assistiver Technologien beeinträchtigen kann, mit dem Element zu interagieren. Auch der Begriff selbst ist der zugängliche Name, daher sollten Sie aria-label oder aria-labelledby nicht verwenden.

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>

Um bessere Semantik zu gewährleisten, könnte das obige auch folgendermaßen 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 ARIA (aber möglicherweise nicht so, wie Sie es darstellen 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 von Benutzern assistiver Technologien beeinträchtigen kann, mit dem Element zu interagieren.

Erlauben Sie, dass der Begriff selbst den zugänglichen Namen definiert. Verwenden Sie nicht aria-label oder aria-labelledby.

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