Staatliches Gutachten zur digitalen Barrierefreiheit

www.die-bonn.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere Level-A-Verstöße bei Alternativtexten, Struktur, Tastaturbedienbarkeit und Formular-Feedback erschweren Screenreader-Nutzung stark, machen die Seite aber nicht vollständig unzugänglich.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende Kontraste bei Text und Bedienelementen sowie ein nicht pausierbarer Slider beeinträchtigen die Nutzung, bei zugleich grundsätzlich skalierbarer Schrift und responsivem Layout.

Hörbehinderung Mit Hindernissen nutzbar

Multimedia ist überwiegend nicht vorhanden oder nicht anwendbar geprüft, aber fehlende Gebärdensprachangebote und Leichte Sprache reduzieren die Zugänglichkeit für viele gehörlose Nutzer.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzliche Tastaturbedienbarkeit ist gegeben, aber nicht zugängliche Untermenüs, Suche und Slider-Buttons stellen wesentliche Barrieren für ausschließlich tastaturnutzende Personen dar.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, unzureichende Fehlermeldungen und teils inkonsistente Struktur erschweren Verständnis und Fehlerkorrektur für Menschen mit kognitiven Einschränkungen.

Neurodivergenz Mit Hindernissen nutzbar

Grundlegende Konsistenz und fehlende Zeitlimits sind positiv, aber der nicht pausierbare Slider, strukturelle Unklarheiten und schwache Fehlerrückmeldungen können starke Überforderung verursachen.

Veränderung

Aktuell angezeigt
12 gefundene Barrieren +2 zur vorherigen Prüfung
6,8/10 Ø Schwere -0,5 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Suche und Untermenüs per Tastatur nicht erreichbar

    Die Suchfunktion und das Untermenü der Hauptnavigation lassen sich nicht vollständig mit Tastatur oder Screenreader bedienen. Dadurch sind wichtige Inhalte und Navigationswege nicht für alle zugänglich.

    Auswirkung: Ich kann die Website nicht bequem durchsuchen oder in Unterbereiche wechseln, wenn ich keine Maus nutze. Das erschwert mir den Zugang zu zentralen Informationen deutlich.

  • Slider-Buttons nicht bedienbar

    Die Bedienelemente des Sliders sind nicht fokussierbar und damit nicht per Tastatur erreichbar. Zusätzlich fehlt eine Möglichkeit, den bewegten Inhalt anzuhalten oder zu pausieren.

    Auswirkung: Ich kann den Slider nicht steuern und wichtige Inhalte darin möglicherweise nicht erreichen. Wenn sich Inhalte automatisch bewegen, lenkt mich das zusätzlich ab oder verhindert das Lesen.

  • Fehlende Alternativtexte für wichtige Grafiken

    Mehrere informative Bilder und Icons haben keine passenden Alternativtexte, zum Beispiel Logos, Sliderbilder, Themen-Grafiken und Kontaktsymbole. Auch Pfeile und Bedienelemente werden nicht durchgängig sinnvoll beschrieben.

    Auswirkung: Wenn ich die Seite mit Screenreader nutze, fehlen mir Informationen oder ich verstehe einzelne Elemente nicht. Dadurch kann ich Inhalte und Bedienelemente nur eingeschränkt einordnen.

  • Zu geringer Kontrast bei Text und Bedienelementen

    Mehrere Texte und grafische Elemente haben zu wenig Kontrast zum Hintergrund, darunter kleinere blaue Texte, Slider-Text, Buttons, Datum und Fußzeile. Auch einige Nicht-Text-Elemente wie Slider-Pfeile und Navigationslinks sind schwer erkennbar.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter lesen oder erkennen, besonders bei schwächerem Sehvermögen. Das erhöht die Anstrengung und kann mich daran hindern, Funktionen sicher zu nutzen.

  • Wichtiger PDF-Inhalt nicht barrierefrei

    Ein PDF mit relevantem Inhalt ist nicht PDF/UA-konform. Damit ist der Inhalt für assistive Technologien wahrscheinlich nur eingeschränkt nutzbar.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte je nach Hilfstechnik nur schwer oder gar nicht erschließen. Das betrifft mich besonders bei fachlichen oder vertiefenden Informationen.

  • Fehlerhinweise verschwinden zu schnell oder helfen nicht weiter

    Im Feedback-Bereich werden Fehlermeldungen nur als Browser-Tooltip angezeigt und verschwinden schnell wieder. Bei einer fehlerhaften E-Mail-Eingabe fehlt zudem ein konkreter Korrekturhinweis.

    Auswirkung: Ich merke unter Umständen nicht, was ich falsch eingegeben habe oder wie ich es verbessern kann. Dadurch wird das Ausfüllen von Formularen unnötig schwierig.

  • Unklare Seitenstruktur und fehlerhafte Auszeichnung

    Wichtige Bereiche sind semantisch nicht sauber ausgezeichnet, etwa durch fehlendes Hauptbereich-Element, unklare Navigationen und inkonsistente Überschriftenhierarchie. Auch Breadcrumb, Subnavigation und Formularfelder sind teils nicht eindeutig beschriftet.

    Auswirkung: Ich bekomme mit Screenreader keine verlässliche Orientierung auf der Seite. Das macht es schwer, Inhalte gezielt zu finden und die Struktur richtig zu verstehen.

  • Fehlende Sprunglinks erschweren die Navigation

    Am Seitenanfang gibt es keine Sprunglinks, um direkt zu wichtigen Bereichen zu wechseln. Wiederkehrende Navigationselemente müssen daher immer wieder erneut durchlaufen werden.

    Auswirkung: Ich muss mich bei jeder Seite durch wiederkehrende Bereiche kämpfen, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und macht die Nutzung mühsamer.

  • Suchfeld nur als Platzhalter erkennbar

    Das Suchfeld hat kein klares Label und ist nur über einen Platzhalter beschrieben. Auch Sprachwechsler und Hauptnavigation sind nicht eindeutig als interaktive Elemente ausgezeichnet.

    Auswirkung: Ich kann Formularelemente und Navigation möglicherweise nicht sofort erkennen oder richtig bedienen. Das erhöht die Fehlergefahr und verlangsamt die Nutzung.

  • Keine Erklärung zur Barrierefreiheit und kein Feedback-Weg

    Es gibt keine auffindbare Erklärung zur Barrierefreiheit und keinen nachgewiesenen Feedback-Mechanismus. Zusätzlich fehlen Angebote in Leichter Sprache und Gebärdensprache.

    Auswirkung: Ich finde keine klare Stelle, um Barrieren zu melden oder mich über den Stand der Zugänglichkeit zu informieren. Wenn ich auf einfache oder visuelle Unterstützung angewiesen bin, fehlen mir wichtige Orientierungshilfen.

  • Falsche Lesereihenfolge bei Artikeldaten

    Datum und Autorenangaben werden vor den eigentlichen Überschriften ausgegeben. Dadurch stimmt die Reihenfolge beim Vorlesen nicht mit der sichtbaren Darstellung überein.

    Auswirkung: Ich kann Artikelinhalte schlechter zuordnen, weil mir die Daten ohne Kontext genannt werden. Das kostet Zeit und führt leichter zu Missverständnissen.

  • Sprachwechsel im Slider nicht korrekt ausgezeichnet

    Einzelne Slider-Bedienelemente verwenden englische Begriffe, ohne dass der Sprachwechsel korrekt markiert ist. Dadurch kann die Sprachausgabe diese Begriffe falsch vorlesen.

    Auswirkung: Ich verstehe die Bedienelemente möglicherweise schlechter oder muss ihre Bedeutung erst erraten. Das stört mich besonders bei der Nutzung mit Screenreader.

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 111.0.5563.65 (Offizieller Build) (64-Bit)
Screenreader
JAWS 2022
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

02.06.2023 Vereinfachte Überwachung
angezeigtes 19 nicht bestanden 0 weitgehend 30 bestanden
03.03.2021 Vereinfachte Überwachung Gutachten ansehen
28 nicht bestanden 1 weitgehend 26 bestanden
  • https://www.die-bonn.de/ ⓘ Web-Angebot öffnen
  • https://www.die-bonn.de/#search=Berlin&suche=active
  • https://www.die-bonn.de/institut/wir-ueber-uns/kontakt/feedback_die
  • https://www.die-bonn.de/institut/wir-ueber-uns/presse/neuigkeiten
  • https://www.die-bonn.de/doks/ZfW_03-2020.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Logos, Sliderbilder, Publikationstitel, Slider-Pfeile, Themen-Grafiken, Footeraufteiler, Pfeile der Subnavigation sowie Icons der Kontaktdaten benötigen aussagekräftige oder dekorative Alternativtexte.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Fehlendes <main>, fehlende aria-Beschriftung der Hauptnavigation und Footer-Navigation, inkonsistente Überschriftenhierarchie, falsche Auszeichnung einzelner Überschriften, unsichtbarer aktiver Slider-Punkt im Hochkontrastmodus, redundante article-Verschachtelung, Links mit role=button, fehlendes aria-current im Breadcrumb, einzelne Listen mit nur einem Eintrag, Subnavigation ohne aria-Beschreibung, fehlende Labelzuordnungen bei Radiobuttons und Sicherheitsabfrage.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Datum- und Autorenangaben stehen vor den jeweiligen Überschriften, was ScreenReader-nutzern die Zuordnung zum Artikel erschwert.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Texte im CD-Blau kleiner 24px, heller Slider-Text, Lupen-Icon, grauer Buttontext, grüne Überschrift „Publikation“, graues Datum in Neuigkeiten sowie hellblaue Fußzeile weisen unzureichenden Kontrast auf.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Slider-Pfeile und heller Link im verschachtelten Neuigkeiten-Untermenü haben zu geringen Kontrast zum Hintergrund.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Untermenü der Hauptnavigation sowie die Suche sind nicht per Tastatur/ScreenReader erreichbar, Slider-Buttons sind nicht fokussierbar.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden Slider verfügt über keinen Schalter zum Anhalten oder Pausieren bewegter Inhalte.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Sprunglinks am Seitenanfang fehlen.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Beim linearen Lesen des Sliders müssen Anwender bis zu den Bedienelementen durch alle Inhalte blättern, die keinerlei Funktion für ScreenReader-Nutzer haben.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Slider-Bedienelemente nutzen englische Begriffe „previous“/„next“ ohne lang-Attribut.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Feedback-Bereich nutzt Browser-Tooltips, die nach kurzer Zeit verschwinden.
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht bestanden Kein Hinweis bei fehlerhafter E-Mail-Eingabe.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Diverse WCAG-relevante Fehler auf der Startseite (Syntax-Fehler) verhindern die konforme Auszeichnung.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Sprachwechsler nur als Link ohne Combobox-Indikation, Suchfeld nur mit Placeholder statt Label oder aria-label, Hauptnavigation als Links statt Schalter mit Menüfunktion.
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 Es wurde kein Feedback-Mechanismus nachgewiesen.
A.3
Leichte Sprache ist vorhanden (entspricht A) 		nicht bestanden Keine Seite mit Erläuterungen in Leichter Sprache vorhanden.
A.4
Gebärdensprache-Video ist vorhanden (entspricht A) 		nicht bestanden Keine Seite mit Erläuterungen in Gebärdensprache vorhanden.
B.1
PAC Test ergibt PDF/UA-konform (entspricht AA) 		nicht bestanden PDF mit wichtigem Inhalt ist laut PAC-Test nicht PDF/UA-konform.

Bestanden

Kriterium Status Notizen
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.1
Farbe ist nicht einziger Informationsträger 		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.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden ScreenReader liest Zeichen > beim Link „mehr erfahren“ als „größer als“.
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.7
Tastaturfokus ist sichtbar 		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.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.2
Label enthalten Eingabehinweise 		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.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
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
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte 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