Bedienoberflächen
3 Wege zu barrierefreien Bedienoberflächen für Berliner Digitalunternehmen
Barrierefreie Bedienoberflächen Berlin: drei Wege mit BITV-Prüfschritten, Werkzeugen und Aufwandsschätzung für Digitalfirmen in der Hauptstadt.
Das Wichtigste auf einen Blick
- Barrierefreie Bedienoberflächen Berlin entstehen auf drei Wegen: Prüfen und Nachbessern, Neugestaltung nach BITV 2.0 und NIA-Normen, externe Prüfung mit Zertifizierung.
- Der Prüfmaßstab für öffentliche Stellen und zunehmend für Unternehmen ist die BITV 2.0, seit 2025 ergänzt durch das BFSG.
- Kontrast, Tastaturbedienung und Screenreader-Test sind die drei technischen Kernprüfungen.
- Aufwand: kleine Teams rechnen mit zwei bis sechs Wochen, Mittelständler mit zwei bis vier Monaten, Konzerne mit einem Programm über mehrere Quartale.
- Berliner Agenturen finden Weiterbildung über die IHK-Webinare #GemeinsamDigital.
Drei Wege zu barrierefreien Bedienoberflächen für Berliner Digitalunternehmen
Berlin hat eine der dichtesten Agentur- und Start-up-Szenen Europas. Produktteams sitzen in Kreuzberg, Mitte und Prenzlauer Berg oft im selben Haus wie die Auftraggeber. Das verkürzt Wege, ändert aber nichts an der Rechtslage.
Seit dem 28. Juni 2025 greift das Barrierefreiheitsstärkungsgesetz, kurz BFSG. Es verpflichtet viele Anbieter von Produkten und Dienstleistungen, digitale Zugänge barrierefrei zu gestalten. Wer Online-Shops, Banking-Apps oder Buchungsportale betreibt, ist betroffen.
Für öffentliche Stellen galt die BITV 2.0 als Prüfmaßstab schon vorher. Berliner Behörden, Landesbetriebe und viele Zuwendungsempfänger müssen sie anwenden. Digitalunternehmen, die für die öffentliche Hand arbeiten, erben die Anforderung über den Vertrag.
Drei Vorgehensweisen haben sich in der Praxis bewährt. Sie unterscheiden sich in Umfang, Risiko und Kosten. Die Wahl hängt davon ab, wie alt die Oberfläche ist, wie viel Budget zur Verfügung steht und ob ein Nachweis gegenüber Auftraggebern oder Aufsicht nötig ist.
Weg 1: Bestehende Oberfläche prüfen und nachbessern
Dieser Weg passt zu Produkten, die seit Jahren laufen und deren Designsystem nicht grundsätzlich infrage steht. Ziel ist keine schöne neue Oberfläche, sondern die Beseitigung konkreter Barrieren.
Ablauf in fünf Schritten
- Umfang festlegen: Welche Screens, Rollen und Kernaufgaben werden geprüft? Erfahrungsgemäß decken 20 bis 30 Ansichten den Großteil der Nutzung ab.
- Automatisiert vorprüfen: Kontrast, Alternativtexte, Formularlabels und Überschriftenhierarchie lassen sich in wenigen Stunden durchscannen.
- Manuell nachprüfen: Nur-Tastatur-Bedienung, Fokusreihenfolge, Fehlermeldungen, Zoom bis 200 Prozent.
- Screenreader-Test: mindestens zwei Kombinationen, etwa NVDA mit Firefox und VoiceOver mit Safari.
- Befunde priorisieren: Kriterien, die Kernaufgaben blockieren, zuerst. Kosmetische Punkte wandern ins Backlog.
Praxisfall aus Berlin
Ein Berliner SaaS-Anbieter mit 40 Mitarbeitenden ließ seine Buchungsoberfläche prüfen. Ergebnis: 63 Befunde, davon 11 kritisch. Die kritischen Punkte betrafen ausschließlich die Tastaturbedienung und die Fehlerausgabe im Formular. Zwei Entwickler brauchten vier Wochen, um sie zu beheben.
Checkliste für den Start
- Prüfumfang und Rollen dokumentiert
- Kontrastprüfung Werkzeug eingerichtet
- Tastaturbedienung ohne Maus getestet
- Screenreader Test mit zwei Kombinationen durchgeführt
- Befunde nach Schweregrad sortiert
- Verantwortliche Person für die Nachbesserung benannt
- Erneute Prüfung nach dem Fix terminiert
Weg 2: Neugestaltung nach BITV 2.0 und NIA-Normen
Wenn die Oberfläche ohnehin überarbeitet wird, lässt sich Barrierefreiheit von Anfang an einbauen. Das ist billiger als spätere Reparatur und liefert ein Designsystem, das alle Teams weiterverwenden.
Die BITV 2.0 legt fest, welche Anforderungen barrierefreie Informationstechnik erfüllen muss. Sie verweist auf internationale Standards und ist damit der verbindliche Prüfmaßstab für öffentliche Auftraggeber. Wer für Berliner Behörden entwickelt, sollte sie von Beginn an als Anforderungskatalog lesen.
Die NIA-Normen des DIN decken Bedienoberflächen und Informationstechnik systematisch ab. Sie beschreiben unter anderem, wie Eingabegeräte, Sprachein- und -ausgabe sowie assistive Technologien zusammenspielen. Für Produktteams sind sie die praktische Ergänzung zur BITV.
Gestaltungsgrundlagen, die früh entschieden werden müssen
- Farbsystem mit geprüften Kontrastverhältnissen statt nachträglicher Korrektur
- Fokusindikator als fester Bestandteil jeder Komponente
- Beschriftungen, die auch ohne Kontext verständlich bleiben
- Fehlermeldungen, die das Problem benennen und den nächsten Schritt zeigen
- Responsive Raster, das bei 200 Prozent Zoom nicht bricht
Der Aufwand liegt hier höher als bei Weg 1, verteilt sich aber über den normalen Designprozess. Ein Berliner Designstudio mit fünf Personen kalkulierte für ein Redesign mit Barrierefreiheit rund 30 Prozent mehr Aufwand als für ein rein visuelles Redesign.
Weg 3: Externe Prüfung und Zertifizierung begleiten
Manche Auftraggeber verlangen einen Nachweis von dritter Seite. Dann führt ein Accessibility Audit zu einem Prüfbericht, der die Konformität dokumentiert. Das ist der aufwendigste, aber auch belastbarste Weg.
Typischer Ablauf
- Anbieter auswählen und Prüfumfang vertraglich fixieren
- Selbstauskunft und vorhandene Unterlagen bereitstellen
- Prüfung begleiten und Rückfragen zeitnah beantworten
- Bericht auswerten und Maßnahmen ableiten
- Nachprüfung nach Umsetzung vereinbaren
Ein Audit nach BITV umfasst in der Regel einen automatisierten Durchlauf, manuelle Prüfungen und einen Screenreader Test mit echten Nutzerinnen und Nutzern assistiver Technik. Wer diesen Schritt plant, sollte intern eine Person als Ansprechpartner benennen.
Die Verbraucherzentrale beschreibt Anforderungen an Apps und Software, die Nutzer an Bedienoberflächen stellen. Diese Perspektive ist für die Prüfvorbereitung nützlich, weil sie typische Beschwerden bündelt. Ergänzend lohnt der Blick auf die Pflichten bei Online-Diensten, die seit dem BFSG für viele Berliner Digitalfirmen gelten.
BITV-Prüfschritte im Überblick
Die folgende Tabelle ordnet die wichtigsten Prüfschritte dem jeweiligen Werkzeugtyp und dem geschätzten Aufwand zu. Sie ersetzt keinen vollständigen Prüfplan, gibt aber eine realistische Orientierung.
| Prüfschritt | Werkzeugtyp | Aufwand pro Screen |
|---|---|---|
| Kontrast von Text und Bedienelementen | Kontrastprüfung Werkzeug | 10 bis 20 Minuten |
| Tastaturbedienung und Fokusreihenfolge | manuell, Browser | 20 bis 40 Minuten |
| Alternativtexte und Struktur | automatisierter Scanner | 5 bis 15 Minuten |
| Formulare und Fehlermeldungen | manuell plus Screenreader | 30 bis 60 Minuten |
| Screenreader Test | NVDA, VoiceOver, TalkBack | 30 bis 90 Minuten |
| Zoom und Reflow bei 200 Prozent | manuell, Browser | 15 bis 30 Minuten |
| Bewegung und Zeitlimits | manuell | 10 bis 20 Minuten |
Wer die Prüfschritte einmal vollständig durchläuft, kann sie später als Checkliste im Release-Prozess wiederholen. Das senkt den Aufwand pro Durchgang deutlich.
Werkzeuge für Kontrast, Tastaturbedienung und Screenreader
Die Werkzeugwahl ist weniger entscheidend als die Konsequenz der Anwendung. Drei Kategorien genügen für den Alltag.
Kontrastprüfung Werkzeug
Browser-Erweiterungen und Desktop-Programme berechnen das Kontrastverhältnis zwischen Text und Hintergrund. Sie markieren Werte unterhalb der geforderten Schwellen. Wichtig ist, dass das Werkzeug auch Zustände prüft: Hover, Fokus, deaktiviert, Fehler.
Tastaturbedienung
Hier hilft kein Automatismus. Wer die Maus beiseitelegt und versucht, eine Kernaufgabe zu erledigen, findet die meisten Probleme selbst. Typische Funde: unsichtbarer Fokus, Fallen im Fokusverlauf, nicht erreichbare Menüs.
Screenreader Test
NVDA ist unter Windows kostenlos und weit verbreitet. VoiceOver gehört zum Lieferumfang von macOS und iOS. TalkBack läuft auf Android. Ein Test mit zwei dieser Werkzeuge deckt die meisten Fehler auf, die reine Codeanalyse übersieht.
Weiterbildung
Wer das Thema im Team verankern will, findet bei der IHK kostenlose Webinare zu Digitalthemen. Sie ersetzen keine Spezialausbildung, geben aber Produktverantwortlichen einen Einstieg in die Begriffe und Prüfverfahren.
Aufwandsschätzung nach Unternehmensgröße
Die folgenden Werte beruhen auf typischen Projektverläufen und sind als Größenordnung zu lesen, nicht als Angebot. Sie beziehen sich auf eine einzelne Produktoberfläche, nicht auf ein ganzes Portfolio.
Kleines Team, bis 20 Personen
Ein Produkt, eine Oberfläche, keine eigene Qualitätssicherung. Für Weg 1 sind zwei bis sechs Wochen realistisch, verteilt auf eine Entwicklerin und eine Designerin. Weg 2 dauert sechs bis zwölf Wochen, weil das Designsystem mitwächst. Ein externes Audit kostet zusätzlich Zeit für Vorbereitung und Nachbesserung.
Mittelstand, 20 bis 200 Personen
Mehrere Produkte, eigene Entwicklungsteams, gewachsene Designsysteme. Weg 1 läuft parallel in mehreren Teams und braucht eine koordinierende Stelle. Zwei bis vier Monate sind üblich. Weg 2 bindet Design und Frontend über ein bis zwei Quartale. Ein Audit lässt sich sinnvoll mit einer Zwischenprüfung kombinieren.
Größere Organisation, über 200 Personen
Portfolioweite Anforderungen, Lieferanten, Dokumentationspflichten. Hier entsteht ein Programm mit fester Verantwortlichkeit, Schulungen und wiederkehrenden Prüfungen. Der erste vollständige Durchlauf dauert mehrere Quartale, danach laufen die Prüfungen im Release-Zyklus mit.
Was den Aufwand treibt
- Anzahl der Oberflächen und Rollen
- Alter des Designsystems
- Anteil dynamischer Inhalte
- Verfügbarkeit von Testnutzern mit assistiver Technik
- Nachweispflichten gegenüber Auftraggebern
Berliner Digitalfirmen, die für die öffentliche Hand arbeiten, sollten den Nachweis von Anfang an einplanen. Wer nur den eigenen Shop betreibt, kommt mit Weg 1 oft ausreichend weit.
Häufige Fragen
Gilt das BFSG auch für kleine Berliner Start-ups? Ja, sobald ein Produkt oder eine Dienstleistung im Anwendungsbereich angeboten wird. Die Unternehmensgröße ist kein Freibrief. Ausnahmen greifen nur bei Kleinstunternehmen in bestimmten Dienstleistungsbereichen.
Reicht ein automatisiertes Prüfwerkzeug für den Nachweis? Nein. Automatisierte Scans finden nur einen Teil der Barrieren. Tastaturbedienung und Screenreader-Nutzung müssen manuell geprüft werden, sonst bleibt der Bericht angreifbar.
Wie oft muss eine Oberfläche neu geprüft werden? Nach jeder größeren Änderung an Navigation, Formularen oder Komponenten. Zusätzlich empfiehlt sich ein fester Prüflauf vor jedem Release.
Was kostet ein Accessibility Audit in Berlin? Das hängt vom Umfang ab. Üblich ist eine Kalkulation pro Screen oder pro Prüftag. Angebote sollten den Prüfumfang und die Zahl der Nachprüfungen ausdrücklich nennen.
Welche Normen gelten neben der BITV 2.0? Die NIA-Normen des DIN konkretisieren Anforderungen an Bedienoberflächen und Informationstechnik. Sie sind für die Gestaltung oft hilfreicher als der Verordnungstext allein.