Barrierefreie Bedienung & Interaktion
Praxisartikel rund um das WCAG-Prinzip „Bedienbar": Tastatur, Gesten, Zeigeraktionen und Einblendungen, also alles, womit Menschen eine Website tatsächlich steuern.
Ob eine Website barrierefrei ist, entscheidet sich oft nicht beim Aussehen, sondern beim Bedienen: Komme ich mit der Tastatur durch das Formular? Kann ich das Karussell ohne Wisch-Geste steuern? Verschwindet der Hilfetext, bevor ich ihn lesen konnte? Hinter diesen Fragen steht das WCAG-Prinzip „Bedienbar" (Operable): Eine Oberfläche muss mit unterschiedlichsten Eingabewegen funktionieren, von der Maus über die Tastatur bis zu Schalter-Systemen und Sprachsteuerung.
Die Artikel dieser Sammlung nehmen sich die Interaktionsmuster einzeln vor: immer mit den zugehörigen WCAG-Kriterien, konkreten Code-Beispielen und einer Test-Checkliste, belegt mit den offiziellen W3C-Quellen.
Aktuelle Artikel
Tastatur, Gesten und Einblendungen: das Prinzip „Bedienbar" in der Praxis
- 01
Inhalte bei Hover und Fokus
Tooltips und Ausklapp-Menüs, die niemanden aussperren: die drei Bedingungen von WCAG 1.4.13, schließbar, überfahrbar, beständig, mit Tooltip-Bauanleitung.
- 02
Tastatur-Bedienbarkeit
Alles muss ohne Maus gehen, und nichts darf zur Falle werden: WCAG 2.1.1 und 2.1.2 aus Entwicklungs-Sicht, mit Stolperfallen-Tabelle und 5-Minuten-Test.
- 03
Zeigergesten und Abbruch von Zeigeraktionen
Wisch- und Mehrfinger-Gesten brauchen eine Ein-Zeiger-Alternative, Aktionen einen Rückzieher: WCAG 2.5.1 und 2.5.2 mit Drag-and-drop-Beispiel.
- 04
Ziehbewegungen
Slider, Kanban-Boards und sortierbare Listen brauchen einen Weg ohne Ziehen: das neue AA-Kriterium WCAG 2.5.7, mit Alternativen-Tabelle und Code.
- 05
Zeitlimits anpassbar machen
Session-Timeouts, Weiterleitungen und Countdowns: wann Zeitlimits nach WCAG 2.2.1 erlaubt sind und wie Nutzer:innen sie abschalten, anpassen oder verlängern.
Diese Artikel sind in Arbeit. Sie zeigen, in welche Richtung diese Sammlung wächst, immer entlang der Operable-Kriterien der WCAG 2.2.
- Zeichen-Tastenkürzel (WCAG 2.1.4) Einzelne Buchstaben als Shortcut sind praktisch, bis die Sprachsteuerung sie versehentlich auslöst: warum Tastenkürzel abschaltbar oder umbelegbar sein müssen.
- Beschriftung im zugänglichen Namen (WCAG 2.5.3) Wer per Sprache bedient, sagt, was auf dem Button steht: Das sichtbare Label muss sich im zugänglichen Namen wiederfinden.
- Bewegungsaktivierung (WCAG 2.5.4) Schütteln zum Rückgängigmachen, Neigen zum Blättern: Funktionen über Gerätebewegung brauchen eine Bedienelement-Alternative und müssen abschaltbar sein.
Verwandte Übersichten
Größere thematische Hubs zu den rechtlichen und technischen Grundlagen
WCAG 2.2
Die Web Content Accessibility Guidelines: der internationale Standard, dessen Prinzip „Bedienbar" diese Sammlung praktisch übersetzt.
GesetzBFSG
Das Barrierefreiheitsstärkungsgesetz: wer betroffen ist, was es verlangt und wie du es umsetzt.
Lässt sich deine Website wirklich von allen bedienen?
Wir testen deine Seiten mit Tastatur, Screenreader und Touch-Bedienung, prüfen gegen WCAG 2.2 und zeigen deinem Team, wie bedienbare Interaktionsmuster von Anfang an entstehen.
Beratung oder Schulung anfragen