Staatliches Gutachten zur digitalen Barrierefreiheit

www.berlin2023.org

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Schwerwiegende Screenreader- und Strukturprobleme (fehlende H1, unlogische Regionen, ARIA-/Syntaxfehler, unzureichende Link- und Button-Beschriftungen, teilweise fehlende Tastaturbedienbarkeit) erschweren blinden Nutzer:innen die Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und Fokuskontraste, verdeckter Inhalt bei Textvergrößerung sowie schwach sichtbare Rahmen von Eingabefeldern beeinträchtigen die Nutzbarkeit für sehbehinderte Menschen stark.

Hörbehinderung Mit Hindernissen nutzbar

Untertitel und Alternativen für aufgezeichnete Videos sind vorhanden, aber fehlende Gebärdensprache-Videos und allgemeine Verständlichkeitsprobleme reduzieren die Nutzbarkeit für gehörlose Menschen merklich.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich ist vieles mit Tastatur bedienbar, aber wichtige Bedienelemente (Navigation, Social Wall, Formularelemente) sind teilweise nicht oder nur schwer per Tastatur erreichbar.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende klare Struktur, unpräzise oder lange Beschriftungen, keine vollwertige Leichte-Sprache-Seite und teilweise unklare Linkzwecke erschweren Menschen mit kognitiven Einschränkungen das Verständnis deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Lesereihenfolge, unklare Fokusführung und uneinheitliche Beschriftungen können Orientierung und Konzentration für neurodivergente Nutzer:innen erschweren, sind aber nicht überall hinderlich.

Dokumentierte Barrieren

  • Wichtige Bedienelemente sind per Tastatur nicht oder nur schwer erreichbar

    Mehrere zentrale Elemente lassen sich nicht sauber mit der Tastatur bedienen, darunter Untermenüs, Social-Wall-Buttons, Checkboxen und Teile des Cookies- oder Newsletter-Bereichs. Damit sind einzelne Funktionen für Tastaturnutzende nur eingeschränkt erreichbar.

    Auswirkung: Ich kann bestimmte Inhalte oder Aktionen nicht ausführen, wenn ich keine Maus nutze. Das kann mich von Navigation, Interaktion oder Zustimmungsschritten ausschließen.

  • Textvergrößerung verdeckt Inhalte

    Wenn Text größer dargestellt wird, überdeckt die Seitennavigation den eigentlichen Inhalt. Dadurch sind Teile der Seite nicht mehr vollständig lesbar oder bedienbar.

    Auswirkung: Ich kann Inhalte bei Vergrößerung nicht zuverlässig lesen und muss ständig scrollen oder Bereiche neu aufrufen. Das erschwert besonders die Nutzung mit eingeschränktem Sehvermögen massiv.

  • Wichtige Inhalte und Navigation sind strukturell schwer erfassbar

    Die Seite hat keine klar erkennbare Hauptüberschrift und mehrere Bereiche sind nicht sauber als Überschriften oder Regionen ausgezeichnet. Dadurch wirken Navigation, Suche, Kontakt und andere Inhaltsblöcke für assistive Technologien uneindeutig und schlecht gegliedert.

    Auswirkung: Ich finde mich schwerer zurecht und kann Inhalte nicht so schnell erfassen. Mit einem Screenreader verliere ich leichter den Überblick darüber, wo ich bin und was zusammengehört.

  • Text und Bedienelemente haben teils zu wenig Kontrast

    Mehrere Texte und Bedienelemente sind zu schwach vom Hintergrund abgesetzt, etwa Sprachwechsler, Einwilligungstexte, Rubrik-Beschriftungen und Formularrahmen. Auch Fokusmarkierungen und Eingabefelder sind teilweise kaum sichtbar.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter lesen oder erkennen. Besonders bei schwächerem Sehvermögen ist es anstrengend, einzelne Felder oder Links sicher zu treffen.

  • Suchfeld und Buttons sind nicht eindeutig beschriftet

    Das Suchfeld hat keine sichtbare Beschriftung, und mehrere Buttons werden nur mit allgemeinen oder englischen Begriffen wie 'search' oder 'Submit' angekündigt. Auch andere Links sind teils kryptisch oder nicht selbsterklärend.

    Auswirkung: Ich weiß nicht sicher, wofür ein Feld oder Button gedacht ist. Das macht Suche, Navigation und das Öffnen von Inhalten unnötig schwierig, besonders mit Screenreader.

  • Barrierefreiheit und Hilfeangebote sind auf der Website nicht ausreichend auffindbar

    Es gibt keine eigene Erklärung zur Barrierefreiheit, keinen sichtbaren Feedback-Mechanismus und keine Gebärdensprache-Erläuterung. Dadurch fehlen wichtige Hilfs- und Kontaktwege für Nutzende mit Behinderungen.

    Auswirkung: Ich finde kaum Unterstützung, wenn ich auf Probleme stoße oder Informationen in zugänglicher Form brauche. Das kann dazu führen, dass ich Hilfe außerhalb der Website suchen muss.

  • Reihenfolge der Inhalte und Bedienelemente ist unlogisch

    Einige Elemente werden in einer anderen Reihenfolge gelesen oder fokussiert als sie sichtbar angeordnet sind. Besonders bei Social-Wall-Inhalten und beim Öffnen von Listen springt der Fokus unerwartet.

    Auswirkung: Ich verliere die Orientierung und muss mehrmals suchen, um den nächsten sinnvollen Schritt zu finden. Das kostet Zeit und kann dazu führen, dass ich Inhalte übersehe oder doppelt ansteuere.

  • Fokus ist schwer erkennbar oder springt unverständlich

    Der Tastaturfokus ist in der Seitennavigation kaum sichtbar, und beim Öffnen bestimmter Bereiche springt er unerwartet. Dadurch ist nicht klar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann mit der Tastatur kaum verfolgen, wo ich mich gerade befinde. Das erhöht die Gefahr, versehentlich falsche Aktionen auszulösen oder Funktionen zu übersehen.

  • PDF-Dokumente sind nicht barrierefrei nutzbar

    Mindestens ein bereitgestelltes PDF erfüllt die PDF/UA-Anforderungen nicht. Solche Dokumente können für Screenreader und andere Hilfsmittel schwer oder gar nicht verständlich sein.

    Auswirkung: Ich kann den Inhalt eines Dokuments möglicherweise nicht richtig lesen oder navigieren. Wenn das PDF wichtige Informationen enthält, ist mir der Zugriff darauf stark erschwert.

  • Einige Informationen sind nur über Farbe erkennbar

    Links und Adressen werden teilweise ausschließlich farblich hervorgehoben. Ohne ausreichenden Farbunterschied oder bei eingeschränktem Sehen ist nicht klar, was klickbar ist und was nicht.

    Auswirkung: Ich erkenne wichtige Links womöglich nicht als solche. Dadurch übersehe ich Kontakt- oder Datenschutzinformationen leichter.

  • Sprachwechsel und fremdsprachige Inhalte werden nicht sauber angekündigt

    Englische Inhalte und Bedienelemente sind nicht immer als solche ausgezeichnet. Dadurch kann die Sprachwiedergabe bei Hilfstechnologien falsch sein.

    Auswirkung: Ich verstehe Inhalte womöglich schlechter oder missverstehe einzelne Begriffe. Das stört besonders beim Wechsel zwischen Deutsch und Englisch.

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 109.0.5414.75 (Offizieller Build) (64-Bit)
Screenreader
JAWS 2022
Auflösung
1920 x 1080 Pixel
  • https://www.berlin2023.org/ Web-Angebot öffnen
  • https://www.berlin2023.org/de/suche?q=Berlin
  • https://www.berlin2023.org/de/ueber-uns/kontakt
  • https://www.berlin2023.org/de/medien
  • https://assets.berlin2023.org/c4/4a/3215be21469899c489ce2a7f0c15/sowg2023-media-flyer-en.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Sprunglink-Label "Saltar enlaces" nicht aussagekräftig, Navigationen, H1, programmatische Überschriften und Regionen fehlen oder sind unverständlich, fehlende Header Region, Social Wall Text abgeschnitten, Footer-Links falsch gruppiert, Partnerüberschriften nicht semantisch markiert, Logos im Hochkontrast nicht wahrnehmbar, Suche mit fehlender Struktur, Suchergebnisse nicht als Liste dargestellt, Kontakt ohne H1.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Lesereihenfolge Social Media Links passt nicht zur visuellen Reihenfolge, Social Wall Beiträge inkonsistent, Fokus bei Öffnen der Rubrik-Liste springt nach oben.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Links zur Datenschutzerklärung und E-Mail-Adresse im Labeltext werden nur farblich unterschieden.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Sprachwechsler EN Kontrast 2,3:1; Newsletter-Einwilligungstext, Rubrik-Beschriftungen (1,2:1) zu schwach.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden Seitennavigation verdeckt Textbereich bei Textvergrößerung.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Rahmen des reCaptcha sowie Eingabefelder (Startseite, Suche, Medien) haben zu geringen Kontrast (1,3:1).
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Untermenü der Hauptnavigation, Youtube-Video, Social Wall Like-Buttons, Social Wall Video-Schalter, Checkbox Datenschutz, Cookies-Button am Seitenende, Newsletter Checkbox nicht mit Tastatur erreichbar, Social Wall Buttons schwer erreichbar.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Unsichtbare Bedienelemente nach Such-Icon, Suchfeld/Schalter vorgelesen ohne Aktivierung.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Logo-Link als "home page", Sprachwechsel-Link mit "EN", Suche-Link "Show Search Form", Artikelbilder mit kryptischen Linkbeschreibungen, identische Linktexte/Ziele, rechte Seitennavigation mit unzureichenden Alt-Texten, Social Wall Links ohne Beschreibung, Instagram-Links ohne Hinweise auf neues Fenster.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Checkbox-Label zur Datenschutzerklärung ist zu lang und unpräzise.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Tastaturfokus bei Seitennavigation kaum wahrnehmbar, Kontrast 1,5:1 zu gering.
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		nicht bestanden Suchfeld hat keine sichtbare Beschriftung und aria-label 'search', Such-Button mit aria-label 'Submit' nicht aussagekräftig.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Englische Inhalte inkl. Social Wall Beiträge und Youtube-Player-Schalter ohne korrektes lang-Attribut.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Website enthält WCAG-relevante Fehler aus Technischer Perspektive.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden ScreenReader-Button hat englischen Text, Hauptnavigation-Schalter nicht als solche angekündigt, Newsletter-Checkbox aus SVG, Rubrik-Ausklappliste wird vom Screenreader nicht erkannt.
A.1
Erklärung zur Barrierefreiheit ist vorhanden (entspricht A) 		nicht bestanden Keine Seite zur Erklärung zur Barrierefreiheit vorhanden.
A.2
Feedback-Mechanismus ist vorhanden (entspricht A) 		nicht bestanden Keine Seite mit Feedback-Mechanismus vorhanden.
A.4
Gebärdensprache-Video ist vorhanden (entspricht A) 		nicht bestanden Keine Erläuterung in Gebärdensprache vorhanden.
B.1
PAC Test ergibt PDF/UA-konform (entspricht AA) 		nicht bestanden PDF-Inhalt nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		im Wesentlichen bestanden Alttext für Bild des Vizepräsidenten ist nicht aussagekräftig.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Einzeltitel vorhanden, aber gesamter Webauftritt fehlt Bezeichnung.
A.3
Leichte Sprache ist vorhanden (entspricht A) 		im Wesentlichen bestanden Leichte Sprache-Seite vorhanden, erfüllt aber nicht vollständig Anforderungen der BITV 2.0 §4.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Videos besitzen Untertitel 		bestanden Empfohlen wird Verwendung von Close Caption für personalisierbare Darstellung.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
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.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.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		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.4
Bewegungsaktivierung ist verzichtbar 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden –
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –

Nicht anwendbar

Kriterium Status
WCAG 1.2.4
Live-Videos besitzen Untertitel 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		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