aria button · Vertragslabor

`aria button`: Trägt die Rolle auch die Bedienung?

role="button" meldet nur die Rolle. Name, Fokus, Enter und Leertaste müssen ebenfalls funktionieren. Ein natives <button> bringt diesen Vertrag mit.

Eigene Website prüfen Prüfpult live testen ↓

01 / Vertragslabor

Sechs Kontakte einzeln schalten und testen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Prüfpult Ihnen.

Button-Prüfpult

Sechs Kontakte. Eine Aktion.

5/6verbunden

Rollerole="button"
NameÄnderungen speichern
Fokustabindex="0"
EnterHandler aktiv
LeertasteHandler fehlt
Zustandnicht erforderlich

Live-Test

0 Aktivierungen

Änderungen speichern

<div role="button" tabindex="0">
  Änderungen speichern
</div>

02 / Der Unterschied

Ein Button ist der Anfang, nicht die Website.

Der ARIA-Vertrag bricht an einer Stelle
Ein div mit role="button" ohne Fokus, Enter- oder Leertasten-Handler ist per Tastatur nicht bedienbar. Auf echten Seiten betrifft das selten nur einen einzelnen Button.
Was der Check auf Ihrer Seite findet
Der Website-Check prüft Bedienelemente automatisch auf Rolle, Namen und ARIA-Zustände – etwa Buttons ohne zugänglichen Namen oder aria-pressed mit ungültigem Wert.
Fundstellen statt Vertragsraten
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigenen Buttons prüfen.

Das Labor prüft den Vertrag einzeln. Der Website-Check findet Button-Barrieren und weitere automatisch erkennbare Befunde auf Ihren Seiten.

1URL
2Auswahl
3Prüfung
4Ergebnis

Der ARIA-Vertrag bricht an einer Stelle

Was der Check auf Ihrer Seite findet

Fundstellen statt Vertragsraten