Zu Content springen
Deutsch
Kontakt
  • Es gibt keine Vorschläge, da das Suchfeld leer ist.

A: Verwendete ARIA-Attribute müssen gültigen Namen entsprechen (WCAG 4.1.2)

aria-valid-attr

Stellt sicher, dass Attribute, die mit aria- beginnen, gültige ARIA Attribute aus der Spezifikation sind.

Das bedeutet

Es werden nicht existierende oder falsch geschriebene ARIA Attribute verwendet, zum Beispiel aria-lable, aria-describeby oder frei erfundene Namen wie aria-foo. Solche Attribute sind ungültig, da sie nicht in der ARIA Spezifikation definiert sind.

Auswirkung

Assistive Technologien ignorieren ungültige Attribute. Name Rolle Wert Beziehungen brechen, Hinweise fehlen und Nutzerinnen und Nutzer erhalten keine verlässlichen Informationen. Das führt zu Fehlbedienungen und einem Verstoß gegen die WCAG.

Empfehlung

  • Nur in der ARIA Spezifikation definierte Attributnamen verwenden (aria-label, aria-labelledby, aria-describedby, aria-selected usw.).

  • Schreibweise prüfen: alles kleingeschrieben, exakt buchstabiert.

  • Ungültige oder erfundene Attribute entfernen.

  • Wo möglich native HTML Elemente und Attribute bevorzugen.

Beispiel

Problematisch

<button aria-lable="Suche"></button>
<a href="#hilfe" aria-describeby="hilfe"></a>
<div role="tab" aria-selectedd="true">Über uns</div>

Besser

<button aria-label="Suche"></button>
<a href="#hilfe" aria-describedby="hilfe">Hilfe</a>
<div role="tab" aria-selected="true">Über uns</div>

Verknüpftes WCAG-Kriterium:
WCAG 4.1.2 - Name, Rolle, Wert