Tastaturunterstützung
Silktide findet Bereiche Ihrer Seiten, die auf Maus oder Touchscreen reagieren – Klicken, Hover, Ziehen –, aber für Personen, die nur eine Tastatur verwenden, möglicherweise nicht funktionieren. Alles, was ein Besucher mit der Maus tun kann, sollte auch mit der Tastatur möglich sein.
Warum das wichtig ist
Viele Menschen können keine Maus oder keinen Touchscreen verwenden: Menschen mit motorischen Einschränkungen, Menschen mit Tremor sowie blinde Nutzer, deren die Seite über die Tastatur steuern. Für sie alle ist Funktionalität, die nur auf ein Zeigegerät reagiert, schlicht nicht verfügbar. Tastaturbedienbarkeit ist das - Erfolgskriterium 2.1.1, eine Anforderung der Stufe A – die grundlegendste Stufe des Standards.
So beheben Sie das
- Verwenden Sie bevorzugt native -Elemente – Links, Schaltflächen und Formularelemente –, die standardmäßig mit der Tastatur bedienbar sind:
<!-- Funktioniert nur mit der Maus: nicht fokussierbar, nur Doppelklick -->
<div ondblclick=\"location.href='\/new-page'\">Doppelklicken Sie mich</div>
<!-- Behoben: Ein Link funktioniert für alle -->
<a href=\"\/new-page\">Zur Seite</a>
- Wo benutzerdefinierte Interaktion unvermeidbar ist, fügen Sie ein
Tastaturäquivalent hinzu: Machen Sie das Element fokussierbar
(
tabindex=\"0\") und verarbeiten Sie Tastenereignisse zusätzlich zu den Mausereignissen. - Reine Hover-Interaktionen wie Tooltips und Dropdown-Menüs erfordern besondere Sorgfalt – zeigen Sie sie sowohl bei als auch beim Hover an.
- Hat ein markiertes Element eine Tastatur-Alternative, die Silktide nicht erkennen konnte, Sie den Fund.
So prüft Silktide dies
- Erfassen der , die die Seite im Browser registriert.
- Beibehalten werden jene für ausschließlich Maus- und Touch-Ereignisse: Klicks, Doppelklicks, Hover, Mausbewegung, Mausrad, Kontextmenüs und Touch-Gesten.
- Bei einfachen Klick-Handlern werden Elemente übersprungen, die bereits per
Tastatur bedienbar sind – Links, Schaltflächen, Formularfelder und alles,
was über
tabindexfokussierbar ist –, da das Drücken von Enter auf einem fokussierten Element dessen Klick-Handler auslöst. - Die verbleibenden Elemente werden gemeldet, damit Sie bestätigen können, ob eine Tastaturalternative existiert.
Fehlerbehebung
Das Element hat an anderer Stelle eine Tastaturalternative
Silktide markiert Elemente, deren Listener auf reines Zeigegerät-Verhalten hindeuten, kann aber nicht immer erkennen, dass die gleiche Funktionalität auf einem anderen Weg verfügbar ist – zum Beispiel ein Hover-Menü, das Links in der Fußzeile dupliziert, oder eine Drag-Aktion mit einer Schaltflächen-Alternative. Wo tatsächlich eine Alternative existiert, bestätigen Sie den Fund.
Rein dekorative Hover-Effekte
Listener, die nur das Aussehen ändern (eine Hervorhebung beim Hover, eine Animation), enthalten Tastaturnutzern keine Funktionalität vor. Diese können problemlos bestätigt werden.