HTML · Browser-Passamt

accessible button html: nativ, benannt, eindeutig.

Ein echtes <button> liefert Rolle und Tastaturbedienung. Dieses Labor prüft, ob Name, type und Zustand zur Aufgabe passen.

01 / Browser-Passamt

Aufgabe wählen, Merkmale prüfen, Markup übernehmen.

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

Native Button Passport

Echter Button

<button type="button">
  Vorschau öffnen
</button>

02 / Der Unterschied

Divs klicken nur, Buttons funktionieren
In echten Seiten sind Schaltflächen oft als <div> gebaut, tragen nur ein Icon ohne zugänglichen Namen oder senden Formulare ungewollt ab. Tastatur und Hilfstechnik verlieren Rolle, Name oder Kontrolle.
Was der Check auf Ihrer Seite findet
Der Website-Check findet automatisch erkennbare Barrieren: Schaltflächen ohne zugänglichen Namen, fehlende Fokusmarkierungen, zu geringe Kontraste und zu kleine Zielflächen.
Fundstellen statt Bauchgefühl
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos, ohne Installation, bereit für die direkte Behebung.

03 / Auf Ihrer Website

Das Passamt prüft ein Muster. Der Website-Check prüft Ihre Seiten auf Button- und weitere automatisch erkennbare Barrieren.