Foto zum Beitrag Barrierefreie Bedienoberflächen Berlin: Prüfablauf und Aufwand
Foto von HappyEnd auf Pixabay

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.

Dies ist ein redaktionelles Pseudonym der Publikation und keine Behauptung einer unabhängig verifizierten persönlichen Identität. Ursprüngliche redaktionelle Zuordnung: Ressort Gestaltungspraxis.

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.

WegPasst zuErgebnis
Prüfen und NachbessernProdukte, die seit Jahren laufen, ohne grundsätzliche Zweifel am Designsystemkonkrete Barrieren beseitigt, behobene Punkte erneut geprüft
NeugestaltungOberflächen, die ohnehin überarbeitet werdenBarrierefreiheit von Anfang an eingebaut
Externe PrüfungAuftraggeber, die einen Nachweis von dritter Seite verlangenPrü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.

  1. Kernaufgaben, betroffene Seiten und Nutzerrollen für die Prüfung festlegen.
  2. Die Oberfläche automatisiert auf häufige technische Barrieren prüfen.
  3. Kontrast, Tastaturbedienung und Screenreader manuell testen.
  4. Befunde mit betroffenen Komponenten dokumentieren und nach Schweregrad priorisieren.
  5. Verantwortliche und Nachbesserungen festlegen und die behobenen Punkte erneut prüfen.

Prüfen und Nachbessern in fünf Schritten

  1. Umfang festlegen20 bis 30 Ansichten
  2. Automatisiert vorprüfenKontrast, Labels
  3. Manuell nachprüfenTastatur, Zoom
  4. Screenreader-TestNVDA und VoiceOver
  5. 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üfschrittWerkzeugtypAufwand pro Screen
Kontrast von Text und BedienelementenKontrastprüfung Werkzeug10 bis 20 Minuten
Tastaturbedienung und Fokusreihenfolgemanuell, Browser20 bis 40 Minuten
Alternativtexte und Strukturautomatisierter Scanner5 bis 15 Minuten
Formulare und Fehlermeldungenmanuell plus Screenreader30 bis 60 Minuten
Screenreader TestNVDA, VoiceOver, TalkBack30 bis 90 Minuten
Zoom und Reflow bei 200 Prozentmanuell, Browser15 bis 30 Minuten
Bewegung und Zeitlimitsmanuell10 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

  1. Anbieter wählen, Umfang fixieren
  2. Selbstauskunft und Unterlagen liefern
  3. Prüfung begleiten, Rückfragen klären
  4. Bericht auswerten, Maßnahmen ableiten
  5. Nachprüfung vereinbaren
  1. Anbieter auswählen und Prüfumfang vertraglich fixieren
  2. Selbstauskunft und vorhandene Unterlagen bereitstellen
  3. Prüfung begleiten und Rückfragen zeitnah beantworten
  4. Bericht auswerten und Maßnahmen ableiten
  5. 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.

Häufige Fragen

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?
Einen einheitlichen Berliner Festpreis gibt es nicht; ohne festgelegten Prüfumfang lässt sich keine seriöse Zahl nennen. Üblich ist eine Kalkulation pro Screen oder pro Prüftag. Angebote sollten den Prüfumfang und die Zahl der Nachprüfungen ausdrücklich nennen.
Wie lange dauert die Prüfung bei einem kleinen Team?
Für Weg 1 sind bei einem Team bis 20 Personen zwei bis sechs Wochen realistisch. Das ist eine Größenordnung für eine einzelne Produktoberfläche, kein Angebot.

Mehr aus Bedienoberflächen