Staatliches Gutachten zur digitalen Barrierefreiheit

www.brak.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, unzugängliche Steuerelemente, Probleme bei Struktur, Sprache und Name/Rolle/Wert erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere Kontrastprobleme, rein farbliche Linkkennzeichnung und teils schlechter Fokusindikator beeinträchtigen die Nutzung trotz grundsätzlich skalierbarer Schrift und responsivem Layout stark.

Hörbehinderung Mit Hindernissen nutzbar

Podcasts ohne Transkripte und fehlende Gebärdensprachinhalte begrenzen den Zugang zu wichtigen Informationen, während textbasierte Inhalte ansonsten weitgehend nutzbar sind.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist meist möglich, aber einzelne zentrale Funktionen wie Datumsauswahl und Podcast-Player sind per Tastatur nicht erreichbar und Fokusverluste erschweren Bedienung.

Lernbehinderung Mit Hindernissen nutzbar

Inkonsistente Linkzwecke, unklare Überschriften und eingeschränkte Fehlertipps erschweren Orientierung und Formulare, werden aber durch konsistente Navigation und vorhandene Leichte Sprache teilweise abgefedert.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusführung, unpräzise Link- und Überschriftenbeschriftungen sowie Kontrastprobleme können Aufmerksamkeit und Orientierung stören, jedoch gibt es keine Zeitdruck- oder Animationsprobleme und die Struktur ist überwiegend konsistent.

Dokumentierte Barrieren

  • Wichtige Bedienelemente per Tastatur nicht erreichbar

    Das Filterfeld für den Zeitraum, die Datumsauswahl und der Startbutton des Podcast-Players sind mit Tastatur und Screenreader nicht erreichbar. Damit sind zentrale Funktionen der Suche und des Podcasts nicht vollständig bedienbar.

    Auswirkung: Ich kann bestimmte Filter nicht auswählen und den Podcast nicht starten, wenn ich auf Tastaturbedienung angewiesen bin. Dadurch komme ich an Inhalte oder Ergebnisse nur eingeschränkt oder gar nicht heran.

  • Podcast-Inhalte ohne Textalternative

    Die Audioinhalte der Podcasts werden nicht durch Transkripte oder eine andere Textform ergänzt. Dadurch bleiben die Inhalte für Nutzer:innen, die Audio nicht hören können, unzugänglich.

    Auswirkung: Ich kann die Podcast-Inhalte nicht erfassen, wenn ich nicht hören kann oder Audio gerade nicht nutzen möchte. Wichtige Informationen gehen mir damit komplett verloren.

  • PDF-Dokumente sind nicht barrierefrei nutzbar

    Die geprüfte PDF erfüllt die PDF/UA-Anforderungen nicht. Damit ist zu erwarten, dass Inhalte in dem Dokument für assistive Technologien nur eingeschränkt zugänglich sind.

    Auswirkung: Ich kann das PDF möglicherweise nicht zuverlässig lesen oder bedienen, wenn ich auf Screenreader oder andere Hilfsmittel angewiesen bin. Wichtige Dokumentinhalte bleiben mir dann unter Umständen verborgen.

  • Fehlender oder schwacher Tastaturfokus erschwert die Bedienung

    Bei mehreren Elementen wie Nach-Oben-Button, Logoslider und Podcast-Player ist der Tastaturfokus nicht gut erkennbar oder geht verloren. Dadurch ist nicht immer sichtbar, wo man sich gerade befindet.

    Auswirkung: Ich weiß beim Navigieren per Tastatur oft nicht, welches Element aktiv ist. Das macht die Nutzung unsicher und fehleranfällig, besonders bei längeren Seiten.

  • Bedienelemente sind für Screenreader nicht ausreichend beschrieben

    Einige Schalter und Suchfelder haben keine ausreichenden Namen oder Rollen, und Filter-Schalter geben nicht klar an, dass sich Inhalte aufklappen. Auch im Cookie-Dialog und in Suchfeldern fehlen aussagekräftige Beschriftungen.

    Auswirkung: Ich kann mit einem Screenreader nicht sicher erkennen, wofür ein Element da ist oder was beim Aktivieren passiert. Dadurch wird die Navigation und Bedienung deutlich umständlicher.

  • Suchergebnisse und Filter verschieben den Fokus an die falsche Stelle

    Nach Sucheingaben und bei der Paginierung springt der Fokus wieder an den Seitenanfang statt zu den Ergebnissen. Auch Filterausgaben unterbrechen den Fokusfluss, sodass die Orientierung im Ergebnisbereich erschwert wird.

    Auswirkung: Ich verliere nach einer Suche oder beim Blättern in den Ergebnissen die Orientierung und muss mich erneut durch die Seite arbeiten. Das kostet Zeit und kann dazu führen, dass ich Ergebnisse übersehe.

  • Linkziele sind oft nicht eindeutig erkennbar

    Mehrere Links sind nur über Farben oder unklare Beschriftungen erkennbar, zum Beispiel Sprachlinks, Paginierungs-Pfeile und einige Bildlinks. Auch Überschriften und Linktexte beschreiben Inhalte teilweise zu allgemein oder zu umfangreich.

    Auswirkung: Ich kann oft nicht sicher erkennen, wohin ein Link führt. Dadurch klicke ich leichter auf das Falsche oder muss Links erst umständlich prüfen.

  • Kontrastschwache Texte und Bedienelemente sind schwer lesbar

    Mehrere Texte wie Metadaten, Zahlen und Fehlermeldungen unterschreiten den nötigen Kontrast zum Hintergrund. Auch aktive Sprachwahlbuttons und Datumsangaben in Suchergebnissen sind zu schwach kontrastiert.

    Auswirkung: Ich kann Texte und ausgewählte Bedienelemente schlechter erkennen, vor allem bei Sehschwäche oder in ungünstigen Lichtverhältnissen. Das erhöht die Gefahr, Informationen zu übersehen.

  • Unklare Sprache und fehlende Sprachkennzeichnung stören Screenreader-Nutzung

    Beim Sprachwechsel werden Sprachattribute nicht korrekt angepasst und Teile der Navigation bleiben unübersetzt. Zusätzlich ist etwa der Podcast-Play-Button mit einem englischen Label versehen.

    Auswirkung: Mein Screenreader kann Inhalte in der falschen Sprache vorlesen oder irritierende Sprachwechsel erzeugen. Dadurch verstehe ich Texte und Bedienelemente schlechter und muss öfter nachjustieren.

  • Keine Gebärdensprachinformationen auf der Website

    Auf dem Webauftritt fehlen Erläuterungen in Gebärdensprache. Für gehörlose Nutzer:innen ist der Zugang zu grundlegenden Informationen dadurch eingeschränkt.

    Auswirkung: Ich bekomme wichtige Hinweise zur Website und zu ihren Inhalten nicht in meiner bevorzugten Sprachform. Das kann mich von zentralen Informationen ausschließen.

  • Farbmarkierungen reichen als Unterscheidung nicht aus

    Auf der Podcast-Seite werden Links ausschließlich über Farbe gekennzeichnet. Ohne zusätzliche visuelle Kennzeichnung ist für viele Nutzer:innen nicht klar, was klickbar ist.

    Auswirkung: Ich kann Links leichter mit normalem Text verwechseln. Das erschwert das Erkennen und Ansteuern klickbarer Inhalte.

  • Fehlermeldungen helfen nicht beim Korrigieren von Eingaben

    Bei einer ungültigen E-Mail-Adresse im Kontaktbereich wird nur auf den Fehler hingewiesen, ohne konkrete Korrekturhinweise zu geben. Dadurch bleibt unklar, wie die Eingabe richtig aussehen muss.

    Auswirkung: Ich weiß nach einem Fehler nicht genau, was ich ändern soll. Das verlängert den Weg bis zum erfolgreichen Absenden des Formulars.

Hinweis: Diese Zusammenfassung mit generativer KI basiert auf den Informationen aus diesem Gutachten. Künstliche Intelligenz kann Inhalte nicht automatisch barrierefrei machen oder Prüfungen durchführen. Behinderungen sind komplex und mehrschichtig, weshalb diese Analysen nicht zutreffen müssen.

Technische Umgebung

OS
Windows 11
Browser
Google Chrome Version 110.0.5481.178 (Offizieller Build) (64-Bit)
Screenreader
JAWS 2022
Auflösung
1920 x 1080 Pixel
  • https://www.brak.de/ Web-Angebot öffnen
  • https://www.brak.de/suchergebnisse/?tx_solr%5Bq%5D=Berlin
  • https://www.brak.de/die-brak/kontakt/buero-berlin/
  • https://www.brak.de/newsroom/podcast/podcast-recht-interessant/folge-88-anpassungsfaehigkeit-als-erfolgsfaktor-tipps-vom-flexperten/
  • https://www.brak.de/fileadmin/05_zur_rechtspolitik/stellungnahmen-pdf/stellungnahmen-deutschland/2023/stellungnahme-der-brak-2023-14.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Breadcrumb-Pfeile, Navigations- und Such-SVGs sowie das Podcast-Logo benötigen sinnvolle Alternativen oder müssen als dekorativ markiert werden.
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht bestanden Eine Transkription zu den Podcasts ist notwendig, um den Inhalt hörgeschädigten Nutzer:innen zugänglich zu machen.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Untermenüs enthalten verkettete Beschriftungen ohne separate Beschriftung, Navigationen fehlen eindeutige aria-labels, Breadcrumbs ohne aria-current und Tab-Navigation erzeugt sofort Fehlermeldungen.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Fokus landet nach Sucheingabe und Paginierung am Seitenanfang statt bei Ergebnissen, Filterausgaben unterbrechen Fokusfluss, Informationshierarchie (Superheadline vor Überschrift) und Pagination-Fokus sind inkonsistent.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Metadaten im Newsroom (2,2:1), Zahlen im Bereich „Brak in Zahlen“ (2,1:1) und rote Fehlermeldung im Kontaktbereich (3,8:1) unterschreiten den geforderten Kontrast von 4,5:1.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Aktive Sprachwahlbuttons im Header/Footer (Verhältnis 1,1:1) und Datumstext in Suchergebnissen (2,8:1) liegen unter dem geforderten Wert von 3:1.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Filterfeld „Zeitraum“, Datumsauswahl und Podcast-Player-Startbutton sind mit Tastatur und Screenreader nicht erreichbar.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Slider-Bildlinks enthalten Copyright-figcaption als Linktext, Sprachlink-Labels „DE, EN, FR“ sind nicht aussagekräftig, Paginierungs-Pfeile fehlen beschreibende Labels.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden H1 „Start“ beschreibt die Startseite nicht sinnvoll, Newsroom-Artikel und Suchergebnisse fassen zu viele Inhalte in einem Link zusammen, wodurch Linkzwecke unklar werden.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Tab-Navigation zum Nach-Oben-Button, Logoslider und Podcast-Player zeigen keinen gut erkennbaren Fokusrahmen; Fokus geht verloren.
WCAG 3.1.1
Sprache ist ausgezeichnet 		nicht bestanden Beim Sprachwechsel werden lang-Attribute nicht angepasst und vielen Menüeinträgen/Links fehlt die Übersetzung, was zu falscher Sprachausgabe führt.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Podcast-Play-Button trägt englisches Label „Play“ statt einer deutschen Beschriftung.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Bei fehlerhafter E-Mail-Eingabe (Kontakt Berlin) fehlen konkrete Korrekturhinweise, es wird nur auf die Ungültigkeit der Adresse hingewiesen.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Accordion-Schalter im Cookie-Dialog verwenden nur das aria-label „Öffnen“, Filter-Schalter geben keinen Hinweis auf ausklappende Inhalte, Auswahlstatus wird vorgelesen, Suchfelder erhalten keine title- oder aria-labels.
A.1
Erklärung zur Barrierefreiheit (EzB) ist vorhanden 		nicht bestanden EzB-Seite existiert, ist aber formal nicht korrekt (sollte jährlich aktualisiert werden).
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Auf dem Webauftritt fehlen Erläuterungen in Gebärdensprache.
B.1
PAC Test ergibt PDF/UA-konform 		nicht bestanden Die geprüfte PDF entspricht nicht den PDF/UA-Anforderungen.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		im Wesentlichen bestanden Links auf der Podcast-Seite werden ausschließlich über Farbe gekennzeichnet; ein zusätzliches Merkmal wie Unterstreichung fehlt.

Bestanden

Kriterium Status
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden
A.3
Leichte Sprache ist vorhanden 		bestanden

Nicht anwendbar

Kriterium Status
WCAG 1.2.2
Aufgezeichnete Videos besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.4
Live-Videos besitzen Untertitel 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar

Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

BarrierenWatch wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten. Hinter dem Projekt stehen Menschen mit Behinderung, die seit Jahren im Bereich der digitalen Barrierefreiheit oder als Aktivist*innen aktiv sind. Aktuell sind wir im Prozess der Gründung eines gemeinnützigen Vereins, der dieses Engagement beheimaten soll.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen