Digitale Barrierefreiheit: mehr als nur die Website

Digitale Barrierefreiheit heißt mehr als eine barrierefreie Website mit gutem Kontrast. Die Tastaturnavigation funktioniert, die BFSG-Vorgaben sind erfüllt. Trotzdem scheitern Kund:innen am Preisblatt, weil das PDF für ihren Screenreader unlesbar ist.

Hier geht es um die praktische Seite. Was gehört zu digitaler Barrierefreiheit außerhalb der Website dazu? Und wie prüft ihr, ob eure Angebote wirklich funktionieren?

Digitale Barrierefreiheit erledigt sich nicht mit dem BFSG. Sie zeigt, wie ernst ihr digitale Teilhabe nehmt, und ist Teil eurer digitalen Reife als Unternehmen.

Im Alltag zeigt sich das ganz konkret: beim Reisebuchen, beim Bestellen von Lebensmitteln, bei der Kontoverwaltung übers Handy. Für die einen ist das Routine, für andere eine tägliche Hürde. Ein fehlender Alternativtext, ein zu schwacher Kontrast oder ein Formular ohne Tastaturbedienung reicht, und schon scheitert jemand an einer Aufgabe, die eigentlich in zwei Minuten erledigt sein sollte.

Der Effekt reicht über einzelne Nutzer:innen hinaus. Wer barrierefrei gestaltet, verbessert die Bedienbarkeit für alle, unabhängig davon, ob jemand dauerhaft oder nur kurzzeitig eingeschränkt ist, etwa mit vollen Händen oder in greller Sonne unterwegs.

Was gehört zu digitaler Barrierefreiheit dazu?

Zu digitaler Barrierefreiheit gehören Website, Dokumente, Formulare und mobile Anwendungen. Wer nur die Website barrierefrei gestaltet, deckt nur einen Teil des Weges ab.

In der Praxis sehen wir immer wieder dasselbe Muster. Die Startseite ist vorbildlich umgesetzt. Drei Klicks weiter wartet trotzdem ein PDF-Formular aus dem Jahr 2018.

Die BFSG-Pflichten erklären wir ausführlich auf unserer Seite zum BFSG. Hier geht es um die technische Umsetzung. Woran scheitert es in der Praxis, und wie behebt ihr es?

Welche Kriterien eine barrierefreie Website rechtlich erfüllen muss, haben wir dort beschrieben. Die eigentliche Arbeit beginnt aber erst danach. Genau dort, bei Dokumenten und Formularen, die viele Unternehmen vergessen.

PDFs und Dokumente

Ein PDF muss für Screenreader lesbar sein. Das setzt eine korrekte Tag-Struktur voraus, dazu eine logische Lesereihenfolge. Sonst ergibt der vorgelesene Text für Nutzer:innen keinen Sinn.

Reine Bild-PDFs sind für blinde Menschen unbrauchbar, etwa gescannte Broschüren ohne echten Text. Preislisten, Datenblätter und Angebotsvorlagen gehören deshalb in die Prüfung. Auch Produktkataloge landen häufig als reines Bild-PDF online, unbemerkt.

Die Nachbearbeitung ist meist unkompliziert. Ein Tool wie Adobe Acrobat fügt Tags und eine Lesereihenfolge nachträglich ein. Bei laufend aktualisierten Dokumenten lohnt sich eine feste Vorlage mit korrekter Struktur von Anfang an.

Mobile Anwendungen

Auch Apps fallen unter digitale Barrierefreiheit, sobald sie Teil eures Angebots sind. Buttons ohne Beschriftung oder zu kleine Touch-Ziele sind häufige Probleme. Klare Beschriftungen und größere Touch-Ziele beheben das meist schnell.

Viele Unternehmen investieren viel in die App selbst. Geprüft wird selten, ob sie mit aktivierter Bedienungshilfe des Betriebssystems funktioniert. Ein kurzer Test mit VoiceOver oder TalkBack deckt die gröbsten Lücken meist schnell auf.

Formulare und Eingabemasken

Ein Formular ist erst barrierefrei, wenn Fehlermeldungen klar sind und jedes Feld ein Label hat. Fehlt das, wissen Screenreader-Nutzer:innen nicht, welches Feld falsch ausgefüllt wurde. Klare Labels und konkrete Fehlertexte beheben das meist ohne großen Aufwand.

Kontaktformulare und Checkout-Strecken sind die Stellen, an denen ein Unternehmen Umsatz verliert. Eine hübsche, aber unzugängliche Eingabemaske kostet echte Anfragen.

Barrierefreiheit testen: So prüft ihr eure Angebote

Barrierefreiheit testen heißt: automatisiert und manuell prüfen. Beide Ansätze finden unterschiedliche Fehler.

Automatisierte Tools

Browser-Erweiterungen wie WAVE oder Googles Lighthouse finden strukturelle Fehler schnell. Fehlende Alt-Texte, schwache Kontraste, fehlende Formular-Labels. Wir setzen sie während der Entwicklung laufend ein.

Automatisierte Tools erkennen aber nur einen Teil der Probleme. Ob eine Navigation sich logisch anfühlt, sagt kein Scanner.

Manuelle Prüfung

Ein manueller Test läuft ausschließlich über die Tastatur, ganz ohne Maus. So merkt ihr, ob sich jedes Element erreichen lässt.

Dazu kommt ein echter Screenreader-Test, etwa mit NVDA oder VoiceOver. Nur so hört ihr, was eine blinde Nutzerin vorgelesen bekommt.

Nutzertests mit Betroffenen

Noch aussagekräftiger ist ein Nutzertest mit Menschen, die auf Assistenztechnologien angewiesen sind. Diese Personen stoßen auf Probleme, die Fachpersonal oft übersieht.

Für die meisten Unternehmen reicht schon eine kleine Testrunde mit drei bis fünf Personen. Das lässt sich gut mit einem Relaunch kombinieren.

Wer diese drei Ebenen sauber kombiniert, deckt die meisten Barrieren zuverlässig auf. Wie so ein Test-Ablauf konkret aussieht, zeigen wir im Artikel Barrierefreiheit testen.

WordPress Barrierefreiheit: Worauf wir im CMS achten

WordPress Barrierefreiheit hängt stark vom Theme und den aktiven Plugins ab. Ein Update kann bestehende Fortschritte über Nacht rückgängig machen.

Als WordPress-Agentur prüfen wir nicht nur das Theme. Auch jede Funktionserweiterung mit Formularen oder Buchungsstrecken gehört dazu. Genau dort entstehen die meisten neuen Barrieren.

Ein Plugin-Update ohne erneuten Test führt bei Bestandskunden oft zu neuen Barrieren. Deshalb gehört die Prüfung fest in den Wartungsprozess.

Auch der Website-Builder selbst spielt eine Rolle. Ein Baukasten mit vielen dekorativen Elementen erzeugt schnell leere Links. Wir richten deshalb bei jedem Projekt passende Redaktionsregeln ein.

Bei TYPO3 gilt das gleiche Prinzip, nur mit anderen Stellschrauben im Backend. Mehr dazu auf unserer Seite zu TYPO3 und Barrierefreiheit. Was bei einem TYPO3-Versionssprung technisch passiert, steht in TYPO3 Update.

Was kostet die Umsetzung von digitaler Barrierefreiheit?

Ein Accessibility-Audit deckt Website, PDFs und Formulare ab. Bei einer kleineren Website liegt er meist zwischen 1.500 und 3.500 Euro. Größere, komplexere Auftritte kosten 6.000 Euro oder mehr.

Der Aufwand hängt vom Umfang der betroffenen Seiten und Dokumente ab. Genauso wichtig sind die technische Ausgangslage und der Zustand von Theme und Plugins. Reine PDF-Nachbearbeitung wird meist separat pro Dokument abgerechnet.

Wer die Prüfung fest in die laufende Wartung integriert, zahlt oft weniger. Eine einmalige Nachbesserung unter Zeitdruck kostet meist deutlich mehr.

Was gelingt bei digitaler Barrierefreiheit gut – und wo sind die Grenzen?

Gut gelingt der technische Grundschutz. Moderne Frameworks erfüllen viele WCAG-Kriterien inzwischen von Haus aus. Das erleichtert den Einstieg erheblich.

Die Grenze liegt in der laufenden Pflege. Jede neue Seite oder jedes neue Formular kann neue Barrieren einführen. Barrierefreiheit ist kein einmaliges Projekt, sondern eine Daueraufgabe.

Auch Redakteur:innen ohne technisches Wissen tragen hier Verantwortung. Ein Bild ohne Alt-Text reicht schon, um eine saubere Seite wieder unzugänglich zu machen.

Auch Drittanbieter-Tools wie Buchungskalender oder Chat-Widgets bringen eigene Probleme mit. Diese lassen sich nicht immer vollständig lösen. Manchmal bleibt nur ein alternativer Kontaktweg, etwa Telefon statt Chat.

Für wen lohnt sich digitale Barrierefreiheit?

Digitale Barrierefreiheit lohnt sich für jedes Unternehmen mit öffentlichen digitalen Angeboten. Nach unserer Einschätzung gilt das auch außerhalb der vom BFSG erfassten Branchen. Ältere Menschen und Menschen mit Einschränkungen sind eine wachsende Zielgruppe.

Anders bei rein internen Tools ohne externe Nutzer:innen. Dort lohnt sich der volle Aufwand aus unserer Sicht weniger, die Basics reichen meist aus. Für alles, was Kund:innen direkt anfasst, zahlt sich die Investition dagegen doppelt aus.

Wie läuft es in der Praxis ab?

So gehen wir bei einem Barrierefreiheits-Projekt vor.

Barrierefreiheit ist ein Prozess, kein einmaliger Haken

Am Ende geht es nicht um eine Checkliste, sondern um Teilhabe. Wenn jemand ein Formular nicht ausfüllen kann, bleibt diese Person außen vor. Ganz unabhängig davon, wie gut die Website selbst abschneidet.

Wir sehen digitale Barrierefreiheit als laufenden Prozess, nicht als einmaligen Haken. Wer das ernst nimmt, gewinnt Reichweite und Vertrauen.

Der erste Schritt ist selten die komplette Neuentwicklung. Meistens reicht ein ehrlicher Blick auf PDFs, Formulare und Apps.