Staatliches Gutachten zur digitalen Barrierefreiheit

www.gwk-bonn.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Schwere Mängel bei Alternativtexten, Struktur, Landmarks, Tabellen, Linkzwecken und PDF-Tags erschweren Screenreader-Nutzung deutlich, lassen sie aber nicht vollständig unmöglich werden.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und Komponenten-Kontraste, fehlende Berücksichtigung von Schriftvergrößerung und Reflow-Probleme behindern die Nutzung für sehbehinderte Menschen stark.

Hörbehinderung Mit Hindernissen nutzbar

Die Website ist überwiegend schriftbasiert, aber fehlende Gebärdensprachvideos und Leichte Sprache verschlechtern die Zugänglichkeit insbesondere für gebärdensprachliche Nutzer.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturfokus ist schlecht sichtbar, Hover-Menü lässt sich nicht robust per Tastatur schließen und Benutzerpräferenzen für Fokusanzeige werden nicht berücksichtigt.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, unklare Linktexte, mangelhafte Strukturierung und komplexe PDFs erschweren Orientierung und Verständnis deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Struktur, schwer erkennbare Links und Fokusindikatoren sowie fehlende vereinfachte Inhalte können Aufmerksamkeit und Orientierung stark belasten.

Dokumentierte Barrieren

  • Zu geringer Textkontrast

    Mehrere Textbereiche und vorbefüllte Eingabefelder haben einen zu schwachen Kontrast zum Hintergrund. Texte sind dadurch schwer lesbar, besonders bei ungünstigem Licht oder Sehschwäche.

    Auswirkung: Ich muss mich anstrengen oder kann Inhalte nicht zuverlässig lesen. Formulare und wichtige Hinweise werden dadurch schneller fehlerhaft oder ganz übersehen.

  • Inhalte überlappen bei kleiner Bildschirmbreite

    Bei schmaler Ansicht überlappt der Zurück-zum-Anfang-Button die Menüpunkte Kontakt und Sitemap. Dadurch werden Bedienelemente teilweise verdeckt oder sind nur eingeschränkt nutzbar.

    Auswirkung: Ich kann wichtige Navigationselemente auf dem Smartphone oder bei Vergrößerung schlechter erreichen. Das macht die Orientierung und den Zugriff auf zentrale Seiten unnötig schwierig.

  • Tastaturfokus kaum sichtbar

    Beim Navigieren mit der Tastatur ist der aktuelle Fokus im Firefox nicht ausreichend erkennbar. Die sichtbare Markierung hebt sich nicht genug vom Hintergrund ab.

    Auswirkung: Ich verliere leicht die Orientierung, welches Element gerade aktiv ist. Dadurch kann ich Formulare, Menüs oder Links deutlich schlechter bedienen.

  • PDF-Dokumente nicht barrierefrei strukturiert

    Das geprüfte PDF ist nicht sauber mit Überschriften und Struktur versehen. Damit ist es für Screenreader schwer, Inhalte gezielt zu lesen und zu verstehen.

    Auswirkung: Ich kann das Dokument nicht bequem nach Abschnitten durchsuchen. Wichtige Informationen im PDF werden dadurch deutlich schwerer zugänglich.

  • Hauptmenü bleibt nach Hover hängen

    Das aufgeklappte Hauptmenü lässt sich nach dem Darüberfahren nicht zuverlässig per Escape oder erneutem Klick schließen. Es bleibt damit offen und verdeckt oder blockiert andere Inhalte.

    Auswirkung: Ich komme möglicherweise nicht mehr frei an die dahinterliegenden Inhalte oder Navigationselemente. Das ist besonders störend, wenn ich mit Tastatur oder Hilfstechnologien arbeite.

  • Schwach erkennbare Bedienelemente

    Suchfeld und Zurück-zum-Anfang-Button sind visuell kaum vom Hintergrund abgegrenzt. Die Elemente sind dadurch schwer zu erkennen und wirken weniger wie anklickbare Bedienelemente.

    Auswirkung: Ich finde wichtige Funktionen schlechter wieder. Gerade bei Sehschwäche oder auf kleinerem Display kann ich Bedienelemente leicht übersehen.

  • Benutzeranpassungen werden nicht übernommen

    Änderungen wie größere Schrift oder andere Benutzerpräferenzen werden nicht zuverlässig berücksichtigt. Die Seite passt sich also nicht gut an meine persönlichen Anzeigeeinstellungen an.

    Auswirkung: Ich kann die Darstellung nicht an meine Bedürfnisse anpassen. Das erschwert das Lesen und Bedienen besonders bei Seh- oder Konzentrationsschwierigkeiten.

  • Keine Gebärdensprachinformationen

    Es fehlen Gebärdensprachvideos zu zentralen Inhalten und zur Barrierefreiheit. Für Nutzer, die auf Gebärdensprache angewiesen sind, fehlen damit wichtige Zugangshilfen.

    Auswirkung: Ich bekomme wichtige Informationen nicht in meiner bevorzugten Sprache. Dadurch kann ich Inhalte und Hinweise deutlich schlechter oder gar nicht verstehen.

  • Links nur über Farbe erkennbar

    Im Fließtext sind Links ausschließlich farblich gekennzeichnet. Ohne zusätzliche Markierung wie Unterstreichung oder Fettschrift sind sie nicht zuverlässig als Links erkennbar.

    Auswirkung: Ich erkenne nicht sicher, was anklickbar ist. Dadurch übersehe ich wichtige Verweise oder klicke unsicher herum.

  • Sprungnavigation für Screenreader fehlt

    Bereiche wie Kopf, Suche und Hauptinhalt sind nicht als Landmarks ausgezeichnet. Ich kann deshalb nicht direkt zwischen den zentralen Seitenbereichen springen.

    Auswirkung: Ich muss mich durch viele Inhalte und Menüs durcharbeiten. Das kostet Zeit und erschwert die Orientierung deutlich.

  • Keine Barrierefreiheits-Erklärung vorhanden

    Auf der Website fehlt die gesetzlich vorgesehene Erklärung zur Barrierefreiheit. Dort würden normalerweise Hinweise zu Einschränkungen, Alternativen und Kontaktmöglichkeiten stehen.

    Auswirkung: Ich finde nicht zentral, welche Barrieren bekannt sind und wie ich Unterstützung bekomme. Das erschwert es mir, Probleme gezielt zu melden oder Alternativen zu nutzen.

  • Keine Leichte Sprache

    Es gibt keine Inhalte in Leichter Sprache. Wichtige Hinweise zur Website, Navigation und Barrierefreiheit sind damit für viele Nutzer nicht einfach genug erklärt.

    Auswirkung: Ich kann wichtige Informationen möglicherweise nicht gut verstehen. Das erschwert mir die Orientierung und die Nutzung besonders bei kognitiven Einschränkungen.

  • Links sagen ihr Ziel nicht klar genug

    Einige Linktexte, zum Beispiel „E-Mail-Adressen“, beschreiben das Ziel nicht ausreichend. Ohne weiteren Kontext ist nicht klar, wohin der Link führt.

    Auswirkung: Ich weiß vor dem Aktivieren eines Links nicht sicher, was mich erwartet. Das erhöht das Risiko von Fehlklicks und erschwert die schnelle Informationssuche.

  • Kontaktweg für Feedback schwer auffindbar

    Ein vorhandener Kontaktmechanismus ist nicht in der Erklärung zur Barrierefreiheit verlinkt und beschrieben. Der Zugang zu einer klaren Rückmeldung über Barrieren ist damit erschwert.

    Auswirkung: Ich weiß nicht schnell, wo ich Probleme melden kann. Dadurch verzögert sich Hilfe oder Korrektur für meine konkrete Barriere.

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 10 Enterprise (Version 1909)
Browser
Firefox (Version 87.0)
Screenreader
NVDA (Version 2020.4)
Auflösung
1920x1080
Tools
Colour Contrast Analyser (Version 3.1.2), PDF Accessibility Checker 3 (Version 3.0.7.0)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		nicht bestanden Logo und Suche erhalten nur generische oder fehlende Alternativtexte. Ergänzen Sie aussagekräftige alt-Texte, die Ziel und Zweck des Links beschreiben.
4.9.1.3.1.e
Datentabellen richtig aufgebaut 		nicht bestanden Tabellen auf der Team-Seite verwenden keine th-Elemente für Überschriften, und zur Abstandsgestaltung wurden leere Zeilen eingefügt. Ergänzen Sie th-Kennzeichnungen und entfernen Sie layoutbedingte Leerzeilen.
4.9.1.4.1
Benutzung von Farbe 		nicht bestanden Links im Fließtext heben sich ausschließlich durch Farbe ab. Markieren Sie sie zusätzlich durch Symbole, Unterstreichung oder Fettung.
4.9.1.4.3
Kontrast (Minimum) 		nicht bestanden Textbereiche und Eingabevorbelegungen weisen Kontrastwerte von 2,6:1 bzw. 2,8:1 auf. Stellen Sie für alle Texte ein Kontrastverhältnis ≥4,5:1 sicher.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei 320 px Browserbreite überlappt der Go-to-top-Button die Menüpunkte Kontakt und Sitemap. Stellen Sie sicher, dass Inhalte ohne horizontales Scrollen umgebrochen werden und keine Bedienelemente überlappen.
4.9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Suchfeld und Go-to-top-Button verfügen lediglich über Kontrastverhältnisse von 1,5:1 bzw. 1,3:1. Erhöhen Sie die Kontraste auf mindestens 3:1.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus 		nicht bestanden Das Hauptmenü lässt sich nach Hover nicht über Escape oder erneuten Klick schließen. Sorgen Sie dafür, dass eingeblendete Inhalte ohne Änderung des Fokus geschlossen und nicht automatisch ausgeblendet werden.
4.9.2.4.7
Fokus sichtbar 		nicht bestanden Der Tastaturfokus im Firefox hebt sich nicht mindestens 3:1 vom Hintergrund ab, sodass die aktuelle Position bei Tastaturnavigation schwer erkennbar ist. Verbessern Sie die visuelle Anzeige der Fokusumrandung insbesondere für motorisch eingeschränkte Nutzer.
4.9.4.1.1
Syntaxanalyse 		nicht bestanden Der Quelltext ist nicht durchgängig valide; im W3C-Checker treten Syntaxfehler auf. Beheben Sie HTML-Syntaxfehler, um assistive Technologien nicht zu verwirren.
4.11.7
Benutzerpräferenzen 		nicht bestanden Browsergrößenänderungen wie Schriftgrößen werden nicht übernommen. Berücksichtigen Sie benutzerdefinierte Einstellungen (Schriftgröße, Farben, Kontrast, Fokuszeiger), damit Nutzer ihre Plattformpräferenzen eingebunden sehen.
4.14
Ergebnisse der Überprüfung von Dokumenten 		nicht bestanden Das untersuchte PDF Heft 73 weist strukturelle Tagging-Probleme auf (fehlende Überschriften-Tags). Sorgen Sie dafür, dass PDF-Dokumente korrekt getaggt und damit mit Screenreadern navigierbar sind.
5.1
Erklärung zur Barrierefreiheit 		nicht bestanden Die gesetzlich vorgeschriebene Erklärung zur Barrierefreiheit ist auf www.gwk-bonn.de nicht vorhanden. Erstellen Sie die Seite mit Angaben zu nicht barrierefreien Teilen, Gründen, Alternativen, Kontakt und Schlichtungsstelle.
5.2
Feedback-Mechanismus (Erklärung zur Barrierefreiheit) 		nicht bestanden Der vorhandene Mechanismus zur elektronischen Kontaktaufnahme ist nicht in einer Erklärung zur Barrierefreiheit verlinkt und beschrieben. Stellen Sie ihn sichtbar in der Erklärung bereit.
5.3
Erläuterungen in Leichter Sprache 		nicht bestanden Es existiert keine Seite mit Erläuterungen in Leichter Sprache, obwohl gesetzlich gefordert. Ergänzen Sie einfach verständliche Erklärungen zu Inhalten, Navigation und Erklärung zur Barrierefreiheit sowie Hinweise auf weitere Inhalte.
5.4
Erläuterungen in Gebärdensprache 		nicht bestanden Es fehlen Videoinhalte mit Gebärdensprachinformationen zu zentralen Inhalten, Navigation und Erklärung zur Barrierefreiheit. Stellen Sie entsprechende Gebärdensprachvideos mit Verlinkungen bereit.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.c
Leere alt-Attribute für Layoutgrafiken 		im Wesentlichen bestanden Dekorative Headergrafiken besitzen keinen alternativen Text und sollten ein leeres alt-Attribut erhalten, um Screenreader nicht zu belasten.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		im Wesentlichen bestanden Visuell erkennbare Überschriften auf der Finanzierungsübersicht sind nicht mit entsprechenden h-Elementen ausgezeichnet; Screenreader-Nutzer können Inhalte dadurch schwerer erschließen.
4.9.1.4.5
Bilder von Text 		im Wesentlichen bestanden Schriftgrafiken (z. B. PDF-Hinweis) besitzen keinen aussagekräftigen Alternativtext; ersetzen Sie sie durch echten Text oder ergänzen Sie einen vollständigen alt-Text mit Hinweis auf das verlinkte PDF.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Landmarks wie Kopfbereich, Suche und Hauptinhalt sind nicht mit HTML5-Elementen oder ARIA-Landmarks ausgezeichnet, so dass Screenreader-Nutzer nicht direkt zu den Bereichen springen können.
4.9.2.4.4
Linkzweck (im Kontext) 		im Wesentlichen bestanden Linktexte wie „E-Mail-Adressen“ geben nicht das Ziel wieder und sind für Screenreader-Nutzer irreführend. Formulieren Sie beschreibende Linktexte oder ergänzen Sie aussagekräftige Kontexte.
4.9.2.5.3
Beschriftung (Label) im Namen 		im Wesentlichen bestanden Der zugängliche Name des Logos enthält lediglich alt="logo" und nicht den sichtbaren Text. Stellen Sie sicher, dass der sichtbare Text im zugänglichen Namen enthalten ist, damit Sprachsteuerung korrekt funktioniert.
4.9.4.1.2
Name, Rolle, Wert 		im Wesentlichen bestanden Das Untermenü markiert den aktiven Menüpunkt nicht mit aria-current, sodass Screenreader nicht erkennen, welche Seite aktiv ist.

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