HTML/Attribute/aria-checked

Das aria-checked-Attribut ist ein ARIA-Attribut, das den aktuellen „angekreuzten“ Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets anzeigt.

erlaubte Werte	true / false / mixed /undefined
default-Wert	undefined
erlaubt in	allen Elementen
Browsersupport	Details bei caniuse.com: {{{caniuse}}}

Beispiel

<span
  role="checkbox"
  id="checkBoxInput"
  aria-checked="false"
  tabindex="0"
  aria-labelledby="chk15-label"></span>
<label id="chk15-label">Newsletter abonnieren</label>

Ein inhaltsleeres span-Element wird zu einer Checkbox umgebaut.

Empfehlung: Verwende nach Möglichkeit ein HTML <input>-Element mit type="checkbox" oder type="radio“, da diese eine eingebaute Semantik haben und keine ARIA-Attribute erfordern.

Siehe auch

• WAI-ARIA

Weblinks

• W3C: aria-checked
• MDN: aria-checked

{{{{{Inhaltsverzeichnis}}}}}