ACCESIBILIDAD ≠ OVERLAY · 29

Barrierefreiheit hängt nicht von einer schwebenden Schaltfläche ab

📅 28. Oktober 2026 · ⏱ 9 Min. Lesezeit

Eine schwebende Schaltfläche kann die Darstellung verändern. Ob Menschen Formulare ausfüllen, Menüs bedienen und Aufgaben abschließen können, hängt jedoch von der Website selbst ab.

01. Barrierefreiheit ist keine nachträgliche Installation

Ein Overlay bietet möglicherweise Kontrast-, Schriftgrößen- oder Abstandseinstellungen. Das kann hilfreich sein, behebt aber keine grundlegenden Komponentenfehler.

Barrierefreiheit gehört von Anfang an zu Konzeption, Design, Entwicklung, Inhalten und Wartung.

02. Der Code hinter der Oberfläche

Eine Symbolschaltfläche benötigt einen zugänglichen Namen. Formularfelder brauchen Beschriftungen und Überschriften eine sinnvolle Hierarchie.

Andere Farben ersetzen keine fehlende Semantik für Screenreader.

03. Ein blockierter Einkauf

Stellen Sie sich einen Shop mit einem Widget vor. Beim Öffnen eines Bestätigungsdialogs bleibt der Tastaturfokus hinter dem Fenster.

Größerer Text löst das nicht. Fokussteuerung, Bedienelemente und Schließen des Dialogs müssen richtig implementiert werden.

04. Auch Inhalte können ausschließen

Informative Bilder brauchen Textalternativen. Unklare Links und Fehlermeldungen ohne hilfreiche Hinweise erschweren einfache Aufgaben.

Verständliche Sprache und logisch strukturierte Anweisungen sind ein wesentlicher Teil der Barrierefreiheit.

05. Tastatur und Hilfstechnologien

Navigieren Sie mit Tab und Umschalt+Tab. Prüfen Sie sichtbaren Fokus, bedienbare Schaltflächen und mögliche Tastaturfallen.

Testen Sie Formulare mit einem Screenreader und berücksichtigen Sie mobile Geräte.

06. Was ein Overlay nicht garantiert

Ein schwebendes Bedienfeld weist keine WCAG-Konformität nach und ersetzt kein Audit. Automatische Tests erkennen nur einen Teil der Hindernisse.

Neue Formulare und Aktualisierungen können jederzeit weitere Barrieren erzeugen.

07. Ein Fünf-Minuten-Test

Wählen Sie eine echte Aufgabe, etwa Kontaktaufnahme oder Einkauf. Legen Sie die Maus beiseite und nutzen Sie nur die Tastatur.

Notieren Sie unsichtbaren Fokus, fehlende Beschriftungen und blockierte Schritte. Beheben Sie die Ursachen im Code.

08. Nachhaltige Barrierefreiheit schaffen

Nutzen Sie semantisches HTML, zugängliche Komponenten, sichtbaren Fokus und verständliche Formulare.

Orientieren Sie sich an WCAG 2.2, kombinieren Sie manuelle und automatische Tests und prüfen Sie jede Änderung.