Was die Norm sagt
Die gesamte Funktionalität des Inhalts ist über eine Tastaturschnittstelle bedienbar, ohne dass einzelne Tastenanschläge ein bestimmtes Timing erfordern, außer wenn die zugrunde liegende Funktion eine Eingabe erfordert, die vom Weg der Benutzerbewegung abhängt und nicht nur von deren Endpunkten.
Warum das zählt
Tastaturbedienung ist die Grundlage, auf der Screenreader, Spezialtasten und Sprachsteuerung aufsetzen. Ein nur mit der Maus bedienbares Element ist für alle drei unerreichbar.
Wie ein Fehlschlag aussieht
- fällt durchEin `<div onclick>` ohne `tabindex` und ohne Tastatur-Handler.
- fällt durchEin eigenes Dropdown, das nur beim Überfahren öffnet.
- fällt durchEine Drag-and-drop-Sortierung ohne Tastaturalternative.
So beheben Sie es
- tunNehmen Sie `<button>` und `<a href>`. Die sind fokussierbar und per Taste auslösbar, ohne Zutun.
- tunMuss es ein eigenes Element sein: `tabindex="0"`, eine Rolle und Handler für Enter und Leertaste.
- tunGeben Sie jeder Drag-Interaktion einen Tastaturweg — Schaltflächen „nach oben“ und „nach unten“ reichen.
Wie A11ySignal es prüft
Bei jedem Scan laufen 3 automatische Prüfungen gegen dieses Kriterium.
schwerwiegendframe-focusable-contentFrames mit fokussierbarem Inhalt dürfen keinen tabindex=-1 haben.
schwerwiegendscrollable-region-focusableScrollbare Regionen müssen per Tastatur erreichbar sein.
geringserver-side-image-mapServerseitige Imagemaps dürfen nicht verwendet werden.
Was ein Werkzeug Ihnen nicht sagen kann
Automatik meldet einen Teil davon. Der eigentliche Test ist, die Maus wegzulegen und die Seite fünf Minuten lang zu benutzen.