Staatliches Gutachten zur digitalen Barrierefreiheit

www.waterandchange.org

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Zahlreiche Probleme bei Alternativtexten, Struktur, ARIA-Rollen, Tastaturbedienung und Fokusanzeige schränken Screenreader- und Tastaturnutzung stark ein, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Massive und vielfältige Kontrastprobleme, nicht anpassbare Schriftgrafiken und Darstellungsprobleme bei Umbruch und Icons erschweren die Nutzung für sehbehinderte Menschen erheblich.

Hörbehinderung Weitgehend zugänglich

Multimedia-Inhalte sind mit Untertiteln und Alternativen gut unterstützt, aber fehlende Gebärdensprachangebote senken die Barrierefreiheit leicht.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzliche Tastaturbedienbarkeit ist vorhanden, jedoch sind fehlende Tastaturzugriffe auf Inhalte, keine Skiplinks und unsichtbarer Fokus für viele motorisch eingeschränkte Menschen stark hinderlich.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache, wenig aussagekräftige Titel und Links sowie Sprachwechsel ohne Kennzeichnung erschweren Orientierung und Verständnis deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsequente Struktur, fehlende Skiplinks, problematische Fokusreihenfolge und unklare Linktexte belasten Aufmerksamkeit und Orientierung, obwohl keine gravierenden Zeit- oder Animationsprobleme bestehen.

Veränderung

Aktuell angezeigt
16 gefundene Barrieren +6 zur vorherigen Prüfung
6,8/10 Ø Schwere unverändert

Dokumentierte Barrieren

  • Texte und Links mit zu geringem Kontrast

    Viele Texte, Links und Menüelemente haben einen zu schwachen Farbkontrast, etwa graue, grüne oder weiße Schrift auf ungünstigem Hintergrund. Auch das Such-Icon und weitere Bedienelemente sind schlecht erkennbar.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter lesen oder übersehen sie ganz. Besonders bei Sehschwäche oder in heller Umgebung wird die Nutzung anstrengend.

  • Schaltflächen und Grafiken ohne verständliche Alternativtexte

    Auf mehreren Seiten haben Logos, Icons, Kacheln und Bedienelemente keinen passenden Alternativtext oder sind nur unklar benannt. Dadurch sind zentrale Navigationselemente und Inhalte nicht zuverlässig erkennbar.

    Auswirkung: Ich kann wichtige Links und Symbole nicht sicher verstehen oder auswählen. Mit Screenreader wirkt die Seite dadurch lückenhaft und schwer bedienbar.

  • Formulare und Inhalte sind nicht sauber strukturiert

    Beschriftungen sind teilweise nicht mit Eingabefeldern verknüpft, Überschriften sind unlogisch aufgebaut und Tabellen haben keine klaren Spaltenüberschriften. Auch Regionen wie Hauptinhalt oder Footer sind nicht zuverlässig erkennbar.

    Auswirkung: Ich kann mich schwer orientieren und Formulare nicht sicher verstehen. Vor allem mit Screenreader finde ich Inhalte und Eingabefelder deutlich langsamer.

  • Inhalte brechen auf kleinen oder gezoomten Ansichten nicht sauber um

    Bei vergrößerter Ansicht oder schmalem Fenster bleiben Text und Tabellenspalten teilweise abgeschnitten. Wichtige Inhalte in Kacheln und Ansprechpartner-Tabellen sind dann nicht vollständig sichtbar.

    Auswirkung: Ich verpasse Informationen, wenn ich zoome oder ein kleines Display nutze. Das macht das Lesen und Bearbeiten von Inhalten deutlich schwieriger.

  • Hover-Inhalte sind mit Tastatur nicht zuverlässig nutzbar

    Texte in den Kacheln und Untermenüs werden per Mouseover eingeblendet, lassen sich aber nicht vollständig per Tastatur öffnen oder mit Esc schließen. Die Inhalte bleiben damit für Tastaturbedienung und Assistive Technologien schwer erreichbar.

    Auswirkung: Ich kann versteckte Inhalte nicht zuverlässig aufrufen oder wieder schließen. Das blockiert die Navigation und kann mich in Menüs festhängen lassen.

  • Tastaturfokus ist nicht sichtbar

    Der aktuelle Fokus ist auf interaktiven Elementen im Inhaltsbereich und im Footer nicht erkennbar. Damit ist bei der Bedienung per Tastatur nicht sichtbar, wo man sich gerade befindet.

    Auswirkung: Ich kann leicht die Orientierung verlieren, weil ich nicht sehe, welches Element aktiv ist. Das macht die Bedienung fehleranfällig und langsam.

  • Bedienelemente geben Name, Rolle und Zustand nicht sauber aus

    Einige Akkordeons und Menüpunkte liefern für Screenreader nicht alle nötigen Informationen, etwa den aufgeklappten Zustand oder einen klaren Text für den Zurück-nach-oben-Link. Dadurch wirken die Elemente unvollständig beschrieben.

    Auswirkung: Ich kann nicht sicher erkennen, ob ein Bereich geöffnet ist oder was ein Element genau macht. Das erschwert die Bedienung erheblich.

  • PDF ist nicht barrierefrei

    Das geprüfte PDF erfüllt die Anforderungen an barrierefreie PDF-Dokumente nicht. Für Nutzende mit Screenreader oder anderer unterstützender Technik kann das Dokument dadurch schwer oder gar nicht nutzbar sein.

    Auswirkung: Ich kann das PDF möglicherweise nicht sinnvoll lesen oder navigieren. Wichtige Informationen darin können mir dadurch entgehen.

  • Schriftgrafiken lassen sich nicht anpassen

    Einige Inhalte in den Akkordeons sind als Schriftgrafiken umgesetzt. Diese lassen sich nicht vergrößern, neu einfärben oder an persönliche Darstellungsbedürfnisse anpassen.

    Auswirkung: Ich kann diese Informationen nur schwer lesen, wenn ich größere Schrift oder stärkeren Kontrast brauche. Manche Inhalte wirken dadurch praktisch unzugänglich.

  • Skiplinks fehlen und die Tab-Reihenfolge ist umständlich

    Zu Beginn der Seiten gibt es keine Sprungmarken zum Hauptinhalt. Außerdem muss man sich per Tastatur erst durch das gesamte Untermenü tabben, bevor man zu zentralen Bereichen gelangt.

    Auswirkung: Ich brauche mit der Tastatur deutlich länger, um zum eigentlichen Inhalt zu kommen. Die Seite fühlt sich dadurch unnötig mühsam und verschachtelt an.

  • Linktexte sind teils nicht verständlich

    Mehrere Links sind nur als Datei, Sprachkürzel oder technischer Text erkennbar, zum Beispiel „EN“, Logo-Links oder externe Adressen. Auch einige Kacheln und News-Links sagen nicht klar, wohin sie führen.

    Auswirkung: Ich weiß nicht immer, wohin ein Link mich bringt. Das erschwert die Orientierung und erhöht die Gefahr von Fehlklicks.

  • Fehlerhafte HTML-Syntax kann Assistive Technologien stören

    Auf Start- und Inhaltsseite wurden Syntaxfehler gefunden. Solche Fehler können dazu führen, dass Browser oder Screenreader Inhalte nicht sauber interpretieren.

    Auswirkung: Ich kann auf unvorhersehbare Bedienprobleme stoßen, obwohl die Seite sichtbar geladen ist. Manche Elemente reagieren dann anders als erwartet.

  • Sprachwechsel ist nicht gekennzeichnet

    Auf deutschsprachigen Seiten erscheinen englische Überschriften und Texte ohne passende Sprachkennzeichnung. Auch Suchergebnisse und Weiter-Links nutzen teils englische Begriffe ohne Kennzeichnung.

    Auswirkung: Ich höre mit Screenreader möglicherweise die falsche Aussprache und verstehe Inhalte schlechter. Das stört die Orientierung, besonders bei gemischten Sprachinhalten.

  • Keine Leichte Sprache oder Gebärdensprache

    Es sind weder Inhalte in Leichter Sprache noch ein Gebärdensprach-Video vorhanden. Damit fehlen wichtige Zugänge für Menschen mit kognitiven Einschränkungen oder gehörlose Nutzende.

    Auswirkung: Ich kann die Inhalte möglicherweise nicht gut genug verstehen, wenn ich einfache Sprache brauche. Für gehörlose Menschen fehlt ein zusätzlicher, hilfreicher Zugang.

  • Keine barrierefreie Erklärung und kein Feedbackweg

    Es gibt keine sichtbare Erklärung zur Barrierefreiheit und keinen Feedback-Mechanismus für Probleme. Nutzerinnen und Nutzer haben damit keinen klaren Weg, Barrieren zu melden oder Hilfe zu finden.

    Auswirkung: Wenn ich auf ein Problem stoße, weiß ich nicht, wohin ich mich wenden kann. Das erschwert es, Barrieren schnell zu melden und zu umgehen.

  • Newsletter-E-Mailfeld ohne Autocomplete

    Das Feld für die Newsletter-Anmeldung hat kein Autocomplete für die E-Mail-Adresse. Damit wird die Eingabe für wiederkehrende Nutzer unnötig erschwert.

    Auswirkung: Ich muss meine E-Mail jedes Mal manuell eingeben. Das kostet Zeit und erhöht die Wahrscheinlichkeit von Tippfehlern.

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
Browser
Google Chrome 116.0.5845.141
Screenreader
NVDA 2023.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

04.09.2023 Vereinfachte Überwachung
angezeigtes 22 nicht bestanden 0 weitgehend 32 bestanden
03.06.2022 Vereinfachte Überwachung Gutachten ansehen
18 nicht bestanden 1 weitgehend 35 bestanden
  • https://www.waterandchange.org/ Web-Angebot öffnen
  • https://www.waterandchange.org/?s=Forschung ⓘ
  • https://www.waterandchange.org/kontakt/ ⓘ
  • https://www.waterandchange.org/forschung/ ⓘ
  • https://waterandchange.org/wp-content/uploads/2018/11/632-progress-on-ambient-water-quality-2018.pdf ⓘ

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite, Formularseite, Suchseite, Inhaltsseite und Footer: Grafiken, Logos, Icons und Bedienelemente fehlen oder besitzen nicht aussagekräftige Alternativtexte (z. B. bunte Kacheln, das Logo "ICWRGC", Akkordeons, Suchschalter, Mail-/Telefon-Icons, Footer-Logos, Pfeil nach oben, Header-Logo kein Hinweis auf Logo).
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Beschriftung "E-Mail" nicht mit Eingabefeld verknüpft; <h1> nicht am Seitenanfang, Überschriftenhierarchie inkorrekt; Formularseite: Tabellen ohne Spaltenüberschriften, Hierarchie springt von Ebene 1 zu 3; Teaser nicht als Liste strukturiert; fehlende Regionen wie Main oder Footer; Logos im Hochkontrastmodus nicht vollständig sichtbar.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Startseite: Formularfeld für die E-Mail unter "Newsletter abonnieren" besitzt kein autocomplete-Attribut.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Start-, Such- und Inhaltsseiten sowie Menüs weisen zahlreiche Texte und Links mit unzureichendem Kontrast auf (graue Texte unter "News", <h2>, blaue Links, Accordion-Links, weiße Texte auf farbigen Kacheln, Suchergebnistexte, grüne Links, weiße Texte auf grünem Hintergrund, graue Texte "Diesen Beitrag drucken"/"Download..."); Menü-Hover/Text "EN" ebenfalls zu geringer Kontrast.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Startseite: Schriftgrafiken innerhalb der Akkordeons lassen sich nicht an individuelle Bedürfnisse (größere Schrift, höhere Kontraste, andere Farbschemata) anpassen, Informationen sind dadurch schwer wahrnehmbar.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Startseite: Text in den farbigen Kacheln nicht vollständig sichtbar; Formularseite: Inhalte der letzten Tabellenspalte unter "Ansprechpartner" nicht vollständig sichtbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Kontrast des unteren Rahmens des Newsletter-Eingabefelds zu gering (1,3:1); Suchseite: Kontrast des unteren Rahmens des Suchfelds zu gering (1,2:1); Alle Seiten: Kontrast des grauen Such-Icons im Header zu gering (2,6:1).
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Über Mouseover eingeblendete Untermenüs lassen sich nicht mit der ESC-Taste schließen.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Mit der Tastatur lassen sich die per Mouseover eingeblendeten Texte der bunten Kacheln nicht einblenden.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Alle Seiten: Zu Beginn der Seiten stehen keine Skiplinks zur Verfügung.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Startseite: Titel "ICWRGC – International Centre for Water Resources and Global Change | UNESCO Category 2 Center" ist nicht aussagekräftig.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Alle Seiten: Tastaturnutzer müssen sich durch das gesamte Untermenü durchtabben, bevor sie zum nächsten Hauptelement gelangen.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Startseite: Farbkacheln und Links unter "News" liefern teils unverständliche Linktexte (href); Inhaltsseite: Link "poll.remodel.global" unter "REMODEL" nicht aussagekräftig; Alle Seiten: rechte Footer-Logos und Header-Logo erhalten unverständliche Linktexte; Link "EN" im Header nicht aussagekräftig.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Alle Seiten: Tastaturfokus auf interaktiven Elementen im Inhaltsbereich und Footer (Logos) ist nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Suchseite: <h1>-Überschrift auf der deutschen Seite wird in englischer Sprache "Results For ..." ausgegeben; Start-, Such- und Inhaltsseite: englische Texte im Inhaltsbereich auf deutscher Seite nicht mit lang="en" ausgezeichnet; Suchseite: Next-Link trägt englischen Linktext "Next Entries".
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Start- und Inhaltsseite enthalten Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Akkordeon-Links ohne aria-expanded-Status; Alle Seiten: Menülinks, die Untermenüs öffnen, geben nur Rolle "Link" aus; nach-oben-Link zeigt keinen Linktext, nur Rolle wird ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht vorhanden/ nicht bestanden.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Feedback-Mechanismus ist nicht vorhanden.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Leichte Sprache ist nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Gebärdensprache-Video ist nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das geprüfte PDF-Dokument ist nicht PDF/UA-konform.

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		bestanden Startseite: In den bunten Kacheln wird die "Überschrift" doppelt ausgegeben, z. B. "Forschung".
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		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.12
Textabstände sind anpassbar 		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.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		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.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 –

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