Ein potenzieller Kunde öffnet Ihre Website auf dem Smartphone, wählt eine Leistung aus und möchte eine Anfrage senden. Doch die Schaltfläche ist kaum erkennbar, Formularfelder haben keine Beschriftung und eine Fehlermeldung wird nur durch eine rote Markierung angezeigt. Der Kunde bricht ab. Solche Hürden betreffen nicht nur Menschen mit Behinderungen. Auch grelles Sonnenlicht, eine vorübergehende Verletzung oder eine unübersichtliche Bedienung können Probleme verursachen.
Barrierefreiheit bedeutet, dass möglichst viele Menschen Informationen verstehen, sich auf einer Website zurechtfinden und wichtige Aufgaben erledigen können. Für Unternehmen ist das ein Qualitätsmerkmal, kein dekoratives Extra.
Eine barrierefreie Website bietet lesbare Inhalte, nachvollziehbare Navigation und Formulare, die auch ohne Maus funktionieren. Das kann Hürden vor einer Kontaktaufnahme reduzieren, garantiert aber weder mehr Umsatz noch bessere Google-Rankings.
Wo Nutzer auf Barrieren stoßen
Probleme entstehen oft in alltäglichen Situationen: bei der Produktsuche, beim Prüfen von Preisen, bei Buchungen oder im Kontaktformular. Ein Menü, das nur bei Mausberührung öffnet, lässt sich mit der Tastatur möglicherweise nicht bedienen. Ein Formular mit ausschließlich farblich markierten Fehlern erklärt nicht, was korrigiert werden muss.
- Schwacher Kontrast. Hellgrauer Text auf weißem Hintergrund ist besonders auf dem Handy schwer lesbar.
- Unsichtbarer Tastaturfokus. Beim Drücken der Tabulatortaste ist nicht erkennbar, welches Element gerade ausgewählt ist.
- Felder ohne Beschriftung. Platzhalter verschwinden während der Eingabe und Screenreader können den Zweck eines Feldes möglicherweise nicht vermitteln.
- Nur per Geste bedienbar. Ein Karussell lässt sich ausschließlich ziehen, alternative Schaltflächen fehlen.
Es geht nicht darum, allen dieselbe Bedienweise vorzuschreiben, sondern wichtige Funktionen über geeignete Alternativen zugänglich zu machen.
Was WCAG 2.2 für die Praxis bedeutet
Die WCAG 2.2 sind internationale Richtlinien für zugängliche Webinhalte. Sie beruhen auf vier Grundsätzen: wahrnehmbar, bedienbar, verständlich und robust. Inhalte sollen also auch mit unterschiedlichen Geräten und unterstützenden Technologien nutzbar sein.
Dazu gehören eine klare Überschriftenstruktur, Textalternativen für informative Bilder, ausreichende Kontraste, Tastaturbedienbarkeit, aussagekräftige Schaltflächen und verständliche Fehlermeldungen. WCAG unterscheidet die Konformitätsstufen A, AA und AAA. Welche Stufe erforderlich ist, hängt von den Projektanforderungen und den geltenden Vorschriften ab.
Öffnen Sie Ihre Startseite und das Kontaktformular. Versuchen Sie, den gesamten Ablauf nur mit Tab, Umschalt+Tab, Enter und Leertaste zu bedienen. Wenn der Fokus verschwindet oder das Formular nicht abgesendet werden kann, liegt ein konkretes Problem vor.
Welche Anforderungen gelten in der EU
Seit dem 28. Juni 2025 gilt in der EU der European Accessibility Act. Er erfasst bestimmte Produkte und Dienstleistungen, darunter auch E-Commerce-Dienstleistungen. Daraus folgt jedoch nicht, dass jede beliebige Unternehmenswebsite denselben gesetzlichen Pflichten unterliegt.
Entscheidend sind die Art des Angebots, die nationale Umsetzung und mögliche Ausnahmen. Für bestimmte Kleinstunternehmen, die Dienstleistungen erbringen, gelten unter festgelegten Voraussetzungen Ausnahmen. Wer in Deutschland oder einem anderen EU-Staat online verkauft, sollte prüfen, welche Regeln auf das eigene Angebot zutreffen. Eine technische Prüfung ersetzt keine Rechtsberatung.
Was Barrierefreiheit mit SEO zu tun hat
Barrierefreiheit ist keine Abkürzung zu Platz eins bei Google. Eine WCAG-konforme Website erhält nicht automatisch bessere Rankings. Einige Maßnahmen sind jedoch sowohl für Menschen als auch für Suchmaschinen hilfreich: semantische Überschriften, verständliche Linktexte, eine klare Seitenstruktur und passende Alternativtexte für informative Bilder.
Alt-Texte sollten nicht mit Suchbegriffen überladen werden. Beschreiben Sie, was ein informatives Bild tatsächlich zeigt. Rein dekorative Bilder werden anders behandelt. Entscheidend ist der Informationsgehalt, nicht die maximale Zahl an Keywords.
Ein Beispiel: Ein Kontaktformular ohne unnötige Hürden
Stellen wir uns die Website eines Dienstleisters vor. Ein Besucher wählt eine Leistung und öffnet das Anfrageformular. Bisher hat das Telefonnummernfeld nur einen Platzhalter, der Absenden-Button ist mit der Tastatur nicht erreichbar und Fehler werden ausschließlich durch rote Rahmen signalisiert.
Nach der Überarbeitung besitzen alle Felder sichtbare Bezeichnungen, die Tab-Reihenfolge ist sinnvoll, der Button ist per Tastatur bedienbar und Fehlermeldungen erklären das Problem in Worten. Mehr Menschen können die Anfrage abschließen. Ob dadurch tatsächlich zusätzliche Anfragen entstehen, sollte man mit Daten überprüfen statt mit erfundenen Prozentwerten behaupten.
So beginnen Sie mit einer Prüfung
Prüfen Sie zunächst den wichtigsten Weg Ihrer Kunden: Startseite, Leistungsseite, Kontaktformular oder Warenkorb. Achten Sie auf Kontraste, Textvergrößerung, Tastaturnavigation, Feldbeschriftungen und Fehlermeldungen. Automatische Werkzeuge finden einen Teil der Probleme, ersetzen jedoch weder manuelle Tests noch Prüfungen mit unterstützenden Technologien.
Priorisieren Sie die Ergebnisse nach Auswirkungen: Zuerst beheben Sie Hindernisse beim Kauf oder bei der Anfrage, danach Probleme mit Lesbarkeit, Navigation und einzelnen Komponenten. Kontrollieren Sie reale Aufgaben, nicht nur die Punktzahl eines Tests.
Eine gute Website sieht nicht nur für ihre Betreiber gut aus. Sie hilft Menschen, ihre Anliegen tatsächlich zu erledigen.
Wenn Sie eine neue Website oder einen Relaunch planen, kann KSIBE dabei helfen, Nutzungshürden zu erkennen und technische Verbesserungen zu planen. Am effizientesten wird Barrierefreiheit von Anfang an in Konzeption, Design und Entwicklung berücksichtigt.