Navigation und Menüs
Sinnvoll für Header, Menüs, Teaser-Links und wiederkehrende Interaktionsmuster.
HTML eingeben
Fügen Sie den HTML-Code der zu prüfenden Seite ein. Der Check sucht nach Tastaturbedienungs-Problemen und nicht-semantischen Elementen.
Tastaturbedienbarkeit prüfen
Für wen dieses Tool geeignet ist
Der Check ist als schneller Einstieg gedacht und hilft vor allem bei klar eingrenzbaren Teilproblemen.
Formulare und Dialoge
Hilft bei Formularfeldern, Labels und semantischen Controls.
Custom Components
Besonders nützlich, wenn Klick-Logik auf div oder span gelegt wurde.
Was wird geprüft?
Die Auswertung deckt typische Muster und häufige Fehler ab, ersetzt aber kein vollständiges Accessibility Audit.
Semantische interaktive Elemente
Der Check erkennt, wenn Interaktionen auf nicht geeigneten Elementen gebaut wurden.
Skip-Link vorhanden
Seiten ohne Überspringen-zum-Inhalt Muster werden markiert.
Labels und tabindex
Es wird geprüft, ob Formularelemente benannt sind und ob die Tab-Reihenfolge kÜnstlich verformt wurde.
WCAG 2.2 Bezug
Die Ergebnisse lassen sich den folgenden WCAG-Erfolgskriterien und Prinzipien zuordnen.
2.1.1 Keyboard
Direkter Bezug für Funktionen, die ohne Maus erreichbar und bedienbar sein müssen.
2.4.1 Bypass Blocks
Skip-Links helfen dabei, wiederkehrende Navigation zu Überspringen.
3.3.2 Labels or Instructions
Fehlende Labels werden vor allem in Formularen schnell zum Barriereproblem.
Passende nächste Schritte
Sinnvoll wird der Check vor allem dann, wenn die Ergebnisse direkt mit weiteren Prüfungen oder Maßnahmen verbunden werden.
Focus Visibility Check
Tastaturbedienung ist nur dann wirklich nutzbar, wenn der Fokus auch sichtbar bleibt.
Quick WCAG Check
Kombiniert Tastaturprüfung mit Headings, Linktexten, Alt-Texten und Fokus.
ARIA Guide
Hilft weiter, wenn Custom Widgets durch Rollen und ZustÄnde ergänzt werden müssen.
Häufige Fragen
Reicht semantisches HTML allein für Tastaturbedienbarkeit?
Es ist die beste Basis, aber nicht immer genug. Reihenfolge, Fokusmanagement und Zustandswechsel müssen trotzdem sauber umgesetzt werden.
Warum sind div-Buttons problematisch?
Weil sie Fokus, TastatursteÜrung und Rolle nicht automatisch mitbringen. Native Elemente sind robuster und schneller korrekt.
Kann das Tool echte Tastaturtests ersetzen?
Nein. Es ist eine Vorprüfung. Echte Tab-Wege, Escape-Logik und Fokuswechsel müssen im laufenden Interface getestet werden.