keyboard navigation javascript
keyboard navigation javascript im Fokus-Debugger.
Prüfen Sie, ob Ihr Code Pfeiltasten, Roving tabindex, Escape und Fokusrückgabe sauber verbindet – ohne veraltete Keycodes oder blockiertes Tab.
01 / Key-Event-Trace
Code einfügen, Fokusvertrag direkt ablesen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört der Trace Ihnen.
Key-Event-Trace
Vom keydown bis zum Fokusziel
- KEYKeyboardEvent.key statt Keycode●
- DOWNkeydown verarbeitet●
- ROVEtabindex 0 / −1 rotiert●
- MOVEFokus wird gesetzt●
- ESCEscape beendet den Modus●
- EXITTab bleibt frei, Fokus kehrt zurück●
Nächste PrüfstelleAlle sechs Verträge erkannt
Laufzeitprobe
Roving tabindex bedienen
Solides Muster geladen. Sechs Verträge erkannt.
02 / Der Unterschied
Ein Code-Muster ist der Anfang, nicht die Website.
Der Fokus bricht im Zusammenspiel
Im eigenen Handler funktioniert alles – doch Menüs, Dialoge und nachgeladene Inhalte verlieren den Fokus oder sperren Tab ein. Das fällt erst auf der gerenderten Seite auf.
Was der Check auf Ihrer Seite findet
Positive tabindex-Werte, Bedienelemente außerhalb der Tab-Reihenfolge und fehlende sichtbare Fokusmarkierungen erkennt der Website-Check automatisch – Seite für Seite.
Fundstellen statt Codeverdacht
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation – URL eingeben genügt.
03 / Auf Ihrer Website
Jetzt die eigene Seite prüfen.
Der Trace prüft Code-Muster. Der Website-Check bewertet die gerenderte Bedienoberfläche Ihrer Seiten – inklusive tastaturbezogener Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis