
Bedienoberflächen
Barrierefreie Bedienoberflächen Berlin: Prüfablauf und Aufwand
Barrierefreie Bedienoberflächen Berlin prüfen: Prüfablauf in fünf Schritten, Werkzeuge für Kontrast, Tastatur und Screenreader und der Aufwand pro Screen.
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 nach Unternehmensgröße
- 2–6 Wochenkleines Team, Weg 1
- 2–4 MonateMittelstand, Weg 1
- mehrere QuartaleKonzern-Programm
Prüfumfang und Zuständigkeiten in Berlin festlegen
Eine Prüfung beginnt mit dem Umfang: Kernaufgaben, betroffene Seiten und Nutzerrollen werden vorab festgelegt. Ohne diesen Rahmen lässt sich der Aufwand nicht schätzen. Berliner Produktteams sitzen in Kreuzberg, Mitte und Prenzlauer Berg oft im selben Haus wie ihre Auftraggeber, das verkürzt Wege.
Seit dem 28. Juni 2025 greift das Barrierefreiheitsstärkungsgesetz. Sein Zweck ist nach § 1 BFSG die Barrierefreiheit von Produkten und Dienstleistungen im Interesse der Verbraucher und Nutzer. 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 die BITV 2.0 anwenden. Digitalunternehmen, die für die öffentliche Hand arbeiten, erben die Anforderung über den Vertrag. Die rechtlichen Einzelheiten bündelt der Beitrag zu BFSG und barrierefreien Bedienoberflächen.
Für die Marktüberwachung nach dem BFSG ist die Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) zuständig. Bei Anliegen zur Zugänglichkeit öffentlicher Angebote ist die Landesbeauftragte für Menschen mit Behinderungen Berlin eine Berliner Anlaufstelle.
Drei Prüfwege im Überblick
Berliner Digitalunternehmen prüfen auf drei Wegen: bestehende Oberfläche prüfen und nachbessern, bei einer Neugestaltung von Anfang an prüfen und extern prüfen lassen. Die Wege unterscheiden sich in Umfang, Risiko und Kosten. Die Wahl hängt vom Alter der Oberfläche, vom Budget und vom nötigen Nachweis ab.
| Weg | Passt zu | Ergebnis |
|---|---|---|
| Prüfen und Nachbessern | Produkte, die seit Jahren laufen, ohne grundsätzliche Zweifel am Designsystem | konkrete Barrieren beseitigt, behobene Punkte erneut geprüft |
| Neugestaltung | Oberflächen, die ohnehin überarbeitet werden | Barrierefreiheit von Anfang an eingebaut |
| Externe Prüfung | Auftraggeber, die einen Nachweis von dritter Seite verlangen | Prüfbericht mit dokumentierten Befunden und Maßnahmen |
Weg 1: Der Prüfablauf in fünf Schritten
Der interne Ablauf hat fünf Schritte und endet mit einer erneuten Prüfung der behobenen Punkte. Er 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.
- Kernaufgaben, betroffene Seiten und Nutzerrollen für die Prüfung festlegen.
- Die Oberfläche automatisiert auf häufige technische Barrieren prüfen.
- Kontrast, Tastaturbedienung und Screenreader manuell testen.
- Befunde mit betroffenen Komponenten dokumentieren und nach Schweregrad priorisieren.
- Verantwortliche und Nachbesserungen festlegen und die behobenen Punkte erneut prüfen.
Prüfen und Nachbessern in fünf Schritten
- Umfang festlegen20 bis 30 Ansichten
- Automatisiert vorprüfenKontrast, Labels
- Manuell nachprüfenTastatur, Zoom
- Screenreader-TestNVDA und VoiceOver
- Befunde priorisierenkritische zuerst
Wie sich die Barrierefreiheit nach BITV prüfen lässt, beschreibt ein eigener Beitrag. 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 die kritischen Punkte zu beheben. Typische Fehler im Gestaltungsalltag, die bei solchen Prüfungen auftauchen, sammelt der Beitrag zu den Fehlern bei der Bedienoberflächen-Gestaltung. Für den Start hilft diese Checkliste:
- 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
Prüfschritte und Aufwand pro Screen
Die 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 für die Planung einer Prüfung in einem Berliner Produktteam.
| 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. Automatisierte Scans finden nur einen Teil der Barrieren, deshalb bleiben Tastaturbedienung und Screenreader-Nutzung manuelle Prüfungen.
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: ein Werkzeug für Kontrast, die Tastatur selbst und ein Screenreader. Eine Entscheidung für ein bestimmtes Produkt ist zweitrangig, solange jede Kategorie bei jeder Prüfung abgedeckt wird.
Für einzelne Farben eignet sich der Colour Contrast Analyser von TPGi; der WebAIM Contrast Checker prüft eingegebene Vorder- und Hintergrundfarben im Browser. Beide helfen, Kontrastverhältnisse zu beurteilen. Prüfen Sie außerdem verschiedene Zustände wie Hover, Fokus, deaktiviert und Fehler.
Für den Praxistest genügt zunächst die Tastatur: Legen Sie die Maus beiseite und erledigen Sie eine Kernaufgabe mit Tab, Umschalt+Tab, Enter und den Pfeiltasten. Accessibility Insights for Web bietet zusätzlich eine Funktion zur Prüfung der Tabstopps. Typische Funde sind unsichtbarer Fokus, Fallen im Fokusverlauf und nicht erreichbare Menüs.
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.
Wer das Thema im Team verankern will, findet bei der IHK Berlin kostenlose Webinare zu Digitalthemen. Sie ersetzen keine Spezialausbildung, geben aber Produktverantwortlichen einen Einstieg in die Begriffe und Prüfverfahren.
Weg 2: Prüfen bei der Neugestaltung
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. Wie ein Designsystem Barrierefreiheit und Tests verbindet, beschreibt ein eigener Beitrag.
Die BITV 2.0 legt fest, welche Anforderungen barrierefreie Informationstechnik erfüllen muss. Für öffentliche Stellen ist DIN EN 301 549 der einschlägige technische Maßstab; ihre Anforderungen an Webinhalte bauen auf WCAG-Kriterien auf. WCAG 2.1 ist dabei eine wichtige Grundlage, während WCAG 2.2 zusätzliche neuere Prüfkriterien enthält und nicht automatisch die rechtlich in Bezug genommene Fassung ersetzt.
Für private Produkte und Dienstleistungen im Anwendungsbereich gelten die Anforderungen des BFSG und der BFSGV. Welche Anforderungen rechtlich maßgeblich sind, hängt vom jeweiligen Regelwerk ab. Wer für Berliner Behörden entwickelt, sollte BITV 2.0 und DIN EN 301 549 von Beginn an als Anforderungskatalog lesen.
Früh entschiedene Gestaltungsgrundlagen
- Farbsystem mit geprüften Kontrasten
- Fokusindikator in jeder Komponente
- Beschriftungen ohne Kontext verständlich
- Fehlermeldungen mit nächstem Schritt
- Raster hält 200 Prozent Zoom stand
- Struktur:Inhalte und Bedienelemente semantisch auszeichnen, damit sie auch mit assistiven Technologien verständlich sind.
- Kontrast:Text und Bedienelemente gut unterscheidbar gestalten; Farbe nicht als einziges Unterscheidungsmerkmal verwenden.
- Fokus:Einen sichtbaren Fokus und eine nachvollziehbare Reihenfolge bei der Tastaturbedienung vorsehen.
- Eingaben:Felder eindeutig beschriften und Fehler verständlich kenntlich machen.
- Rückmeldungen:Statusänderungen und Ergebnisse so vermitteln, dass sie auch mit Screenreadern wahrnehmbar sind.
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 Prüfbericht
Manche Auftraggeber verlangen einen Nachweis von dritter Seite. Ein Accessibility Audit liefert einen Prüfbericht mit dokumentierten Befunden und Maßnahmen. Ein solcher Bericht ist nicht automatisch eine Zertifizierung. Die externe Prüfung ist der aufwendigste, aber belastbare Weg, den Stand der Oberfläche nachvollziehbar festzuhalten.
Ablauf eines externen Audits
- Anbieter wählen, Umfang fixieren
- Selbstauskunft und Unterlagen liefern
- Prüfung begleiten, Rückfragen klären
- Bericht auswerten, Maßnahmen ableiten
- Nachprüfung vereinbaren
- 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
Eine Prüfung kombiniert automatisierte Durchläufe mit manuellen Tests, darunter Tastaturbedienung und Screenreader-Nutzung. Ergänzend können Tests mit Nutzerinnen und Nutzern assistiver Technik typische Probleme im tatsächlichen Gebrauch sichtbar machen. Zu Rekrutierung und Auswertung hilft der Beitrag zu den Kosten von Usability-Tests.
Wer diesen Schritt plant, sollte intern eine Person als Ansprechpartner benennen. Bei der Anbieterwahl hilft es, Angebote und Honorar vergleichbar zu machen. Angebote sollten den Prüfumfang und die Zahl der Nachprüfungen ausdrücklich nennen.
Aufwand 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.
Bei einem kleinen Team bis 20 Personen gibt es ein Produkt, eine Oberfläche und 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.
Im Mittelstand mit 20 bis 200 Personen gibt es mehrere Produkte, eigene Entwicklungsteams und 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.
In größeren Organisationen über 200 Personen gelten portfolioweite Anforderungen, Lieferanten und 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.
Den Aufwand treiben diese Faktoren:
- 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.



