Was bei der Bedienung nur mit der Tastatur schief geht
Der häufigste Fehler bei der Bedienung nur mit der Tastatur besteht darin, dass interaktive Elemente sichtbar sind, aber mit der Tabulatortaste nicht erreichbar sind. Denken Sie an ein Menü, das nur bei einem Mausklick geöffnet wird, eine Schaltfläche, die keinen Fokus erhält, oder ein Pop-up-Fenster, das sich ohne Maus nicht schließen lässt. Für Menschen, die aufgrund motorischer Beeinträchtigungen keine Maus verwenden können, oder die einen Bildschirmleser nutzen, der auf Tastaturnavigation angewiesen ist, bedeutet dies, dass ein Teil der Website einfach nicht zu nutzen ist.
Die Ursache liegt fast immer in maßgeschneiderten Elementen: ein Entwickler erstellt ein ansprechendes Dropdown-Menü, einen benutzerdefinierten Datumswähler oder einen ausklappbaren Filter mit eigenem HTML und JavaScript, vergisst dabei aber die Tastaturunterstützung, die ein Standard-HTML-Button oder -Link kostenlos mitbringt. Das Element sieht gut aus und funktioniert mit der Maus, daher bemerkt niemand beim Testen, dass die Tabulatortaste einfach darüber hinwegspringt.
Warum dieser Fehler häufig übersehen wird
Dieser Fehler ist hartnäckig, weil er mit bloßem Auge nicht sichtbar ist. Wer mit einer Maus durch einen Webshop klickt, sieht nirgendwo ein Problem. Erst wenn Sie die Maus weglassen und sich nur mit Tabulator, Umschalt+Tabulator, Eingabe und Pfeiltasten durch die Seite bewegen, wird sichtbar, wo die Navigation stecken bleibt. Da dieses Testen selten standardmäßig Teil eines Abnahmeprozesses ist, bleibt das Problem oft jahrelang unbemerkt — bis ein Besucher oder eine Aufsichtsbehörde darauf stößt.
Ein zweiter Grund ist, dass sich diese Mängel genau dort zeigen, wo sie bei der Nutzung am auffälligsten sind: beim Bestellvorgang, auf dem Anmeldebildschirm, in einem Suchfilter. Dies sind genau die Komponenten, die oft getrennt vom Rest der Website erstellt werden, mit eigenen Elementen, die nicht immer die gleiche Sorgfalt erhalten wie die Hauptnavigation.
Wie Sie dies selbst erkennen
Eine einfache erste Überprüfung besteht darin, die Maus loszulassen und einen Seitenablauf nur mit der Tastatur durchzulaufen. Achten Sie dabei auf drei Dinge: Ist jedes anklickbare Element über Tabulator erreichbar, ist zu jedem Zeitpunkt deutlich sichtbar, welches Element den Fokus hat, und kann jedes Element, das geöffnet wird — ein Menü, ein Filter, ein Pop-up — auch ohne Maus wieder geschlossen werden. Wenn der Fokus in einem Pop-up stecken bleibt, an eine unerwartete Stelle springt oder ganz aus dem Sichtbereich verschwindet, ist das ein Zeichen dafür, dass etwas getan werden muss.
Ein automatisierter Scan kann einen Teil dieser Probleme erkennen, beispielsweise fehlende Fokusindikatoren oder Elemente ohne Tastaturbedienung, die technisch im Quellcode erkennbar sind. Ob sich ein Dropdown jedoch auch logisch und vorhersehbar bedienen lässt, ist etwas, das ein Scan nicht vollständig beurteilen kann — das bleibt im Kern eine menschliche Prüfung. Das gilt übrigens für mehrere WCAG-Anforderungen, und wir erwähnen das auch immer im Bericht. starten Sie den kostenlosen Quick-Scan Ihrer wichtigsten Seiten um zu sehen, welcher Teil dieser Probleme bereits automatisch erkannt wird.
Wie Sie dies vermeiden
Die Lösung besteht normalerweise nicht in zusätzlicher Technik über der Website, sondern in der korrekten Verwendung vorhandener Komponenten. Ein Standard-HTML-Button oder -Link ist von Natur aus mit Tabulator erreichbar und mit Eingabe zu bedienen; wer stattdessen ein Textstück oder ein Bild mit JavaScript anklickbar macht, muss diese Tastaturunterstützung selbst hinzufügen. Bei benutzerdefinierten Komponenten wie Menüs, Filtern und Pop-ups sollte es eine klare Vereinbarung mit dem Entwickler geben: jede Komponente muss mit der Tastatur zu öffnen, zu bedienen und zu schließen sein, und der Fokus muss sichtbar und vorhersehbar bleiben.
Was hier nicht hilft, ist ein Accessibility-Widget, das behauptet, solche Mängel mit einem separaten Skript zu beheben. Ein solches Overlay ändert nichts am zugrunde liegenden Code und daher nichts an der tatsächlichen Bedienbarkeit; das Gesetz fordert eine zugängliche Website, nicht eine Schicht darüber. Wir verkaufen solche Widgets bewusst nicht.
Möchten Sie wissen, welche Teile Ihrer Website oder App solche strukturellen Probleme enthalten, und wie schwer das in der Prioritätenliste für Ihren Verbesserungsplan wiegt? In der Wissensdatenbank nach Thema sortiert erfahren Sie pro Mängeltyp, was es gibt, und wie unsere Prüfung genau zustande kommt sehen Sie, welcher Teil davon automatisch geprüft wird und welcher Teil manuelle Aufmerksamkeit erfordert.
Haben Sie noch Fragen dazu, was in diesen Anforderungsbereich fällt und was nicht, oder zu den übrigen Prüfaspekten? Die Antworten auf häufig gestellte Fragen geben auf die meisten davon bereits Auskunft.
Der kostenlose Quick-Scan von axessia.eu gibt sofort einen Hinweis darauf, ob solche Tastaturprobleme auf Ihrer Website auftreten, ohne dass Sie dafür ein Konto benötigen.