Staatliches Gutachten zur digitalen Barrierefreiheit

www.waterandchange.org

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 04.09.2023 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Level-A-Probleme bei Alternativtexten, Struktur, Linkzwecken und Rollen/Statusinformationen erschweren Screenreader-Nutzung deutlich, Grundfunktionen sind aber tastaturbedienbar.

Sehbehinderung Kaum nutzbar

Weitreichende Kontrastprobleme, fehlender sichtbarer Fokus an vielen Stellen und Layoutprobleme bei Vergrößerung beeinträchtigen die Nutzung stark.

Hörbehinderung Weitgehend zugänglich

Zeitbasierte Medien sind gut untertitelt und ansonsten bestehen nur geringe spezifische Hörbarrieren, aber es fehlen Gebärdensprachangebote.

Motorische Behinderung Weitgehend zugänglich

Seite ist vollständig tastaturbedienbar ohne Tastaturfallen oder komplexe Zeigergesten, jedoch erschwert ein unsichtbarer Fokus im Inhaltsbereich die Orientierung.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, teils unklare Linktexte, Sprachmischungen ohne Kennzeichnung und Kontrastprobleme erschweren das Verständnis und die Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und fehlende Animationszwänge helfen, aber unklare Linkzwecke, Kontrastmängel und fehlende Leichte-Sprache-Angebote können stark überfordern.

Veränderung

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

Dokumentierte Barrieren

  • Tastaturfokus im Inhaltsbereich und Footer nicht sichtbar

    Beim Bedienen per Tastatur ist auf vielen interaktiven Elementen kein sichtbarer Fokus zu sehen. Das betrifft auch die Logos im Inhaltsbereich und im Footer.

    Auswirkung: Ich weiß nicht, welches Element gerade aktiv ist. Dadurch verliere ich die Orientierung und kann Links oder Bedienelemente leicht übersehen oder versehentlich auslösen.

  • Kontrast von Texten und Menüpunkten ist zu gering

    Mehrere Texte, Links und Menüpunkte haben keinen ausreichenden Farbkontrast zum Hintergrund. Das betrifft unter anderem farbige Kacheln, Suchergebnisse, Menüzustände und einzelne Links.

    Auswirkung: Ich kann wichtige Texte und Bedienelemente schlechter erkennen, besonders bei schwächerem Sehvermögen oder in heller Umgebung. Inhalte wirken dadurch undeutlich oder nahezu unsichtbar.

  • Inhalte sind bei Vergrößerung oder schmalem Fenster abgeschnitten

    Bei einspaltigem Umbruch sind Teile von Kacheltexten und Tabelleninhalten nicht vollständig sichtbar. Das tritt auf der Startseite und auf der Formularseite auf.

    Auswirkung: Wenn ich zoome oder ein kleines Display nutze, fehlen mir Informationen. Ich kann dann Inhalte nicht vollständig lesen und möglicherweise keine vollständigen Kontaktdaten erfassen.

  • PDF ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF erfüllt die Anforderungen an ein barrierefreies PDF nicht. Für Screenreader kann dadurch die Struktur oder Lesbarkeit des Dokuments eingeschränkt sein.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte möglicherweise nicht sinnvoll lesen oder navigieren. Das betrifft besonders Nutzende, die auf assistive Technologien angewiesen sind.

  • Untermenüs lassen sich nach Öffnen nicht leicht wieder schließen

    Das per Mouseover eingeblendete Untermenü kann nicht mit der Escape-Taste geschlossen werden. Dadurch bleibt es eingeblendet, sobald es geöffnet ist.

    Auswirkung: Wenn sich ein Menü ungewollt öffnet, komme ich schlechter zurück zur eigentlichen Seite. Das kann die Navigation erheblich stören und mich im Menü festhalten.

  • Unklare Links und Symbol-Logos ohne verständliche Bezeichnung

    Mehrere interaktive Logos und einige Links haben keinen aussagekräftigen Text für Screenreader. Dazu gehören unter anderem Logos im Header und Footer sowie einzelne Kacheln und Navigationslinks.

    Auswirkung: Ich erkenne nicht, wohin ein Link führt, bevor ich ihn auswähle. Dadurch kann ich Inhalte oder Bereiche nur umständlich oder gar nicht gezielt ansteuern.

  • Skiplinks fehlen

    Am Anfang der Seiten gibt es keine Sprunglinks, um direkt zum Hauptinhalt zu wechseln. Wer die Seite mit Tastatur oder Screenreader nutzt, muss den wiederkehrenden Bereich immer erneut durchlaufen.

    Auswirkung: Ich muss auf jeder Seite erst dieselben Navigationsbereiche durchsuchen, bevor ich zum eigentlichen Inhalt komme. Das kostet Zeit und macht die Nutzung deutlich mühsamer.

  • Formularfeld für E-Mail nicht eindeutig mit Beschriftung verknüpft

    Das E-Mail-Feld beim Newsletter-Abonnement ist nicht korrekt mit seinem Label verbunden. Zusätzlich fehlt die automatische Kennzeichnung des Feldzwecks.

    Auswirkung: Ich kann nicht sicher erkennen, welches Eingabefeld gemeint ist oder wie ich es korrekt ausfüllen soll. Das erschwert die Anmeldung und erhöht das Fehlerrisiko.

  • Tabellen auf der Formularseite haben keine Spaltenüberschriften

    Die Tabellen auf der Formularseite enthalten keine korrekt ausgezeichneten Spaltenüberschriften. Dadurch ist die Zuordnung von Werten in der Tabelle für Hilfstechnologien erschwert.

    Auswirkung: Ich kann Tabelleneinträge nicht zuverlässig als zusammengehörig verstehen. Dadurch verliere ich den Überblick, welche Information zu welcher Spalte gehört.

  • Sprache wechselt teils ins Englische ohne Kennzeichnung

    Einzelne englische Texte sind auf der deutschen Seite nicht als Englisch markiert. Das betrifft die Startseite und eine Inhaltsseite.

    Auswirkung: Mein Screenreader kann die Texte möglicherweise mit falscher Aussprache vorlesen. Dadurch verstehe ich Inhalte schlechter und werde beim Lesen aus dem Fluss gebracht.

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 102.0.5005.115
Screenreader
NVDA 2022.1

Veränderung nach WCAG-Kriterien

04.09.2023 Vereinfachte Überwachung Gutachten ansehen
22 nicht bestanden 0 weitgehend 32 bestanden
03.06.2022 Vereinfachte Überwachung
angezeigtes 18 nicht bestanden 1 weitgehend 35 bestanden
  • 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: Das Logo "ICWRGC" unter "Über uns" und "Postanschrift" hat keinen Alternativtext. * Inhaltsseite: Einige Logos im Inhaltsbereich haben keine Alternativtexte. * Alle Seiten: Die Logos im Footer haben keinen Alternativtext.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Startseite: Die Beschriftung "E-Mail" unter "Newsletter abonnieren" ist nicht mit dem Eingabefeld verknüpft. * Formularseite: Die Tabellen enthalten keine Spaltenüberschriften. * Alle Seiten: Die Seiten enthalten, außer der Seitenregion Navigation und Header, keine weiteren Regionen wie z.B. Main oder Footer.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden * Startseite: Das Formularfeld für die E-Mail unter "Newsletter abonnieren" ist nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Startseite: Der Kontrastabstand einiger Texte ist zum Hintergrund zu gering, bspw. Texte in einigen farbigen Kacheln, <h2>-Überschrift, blaue Links, Links zum Aufklappen des Accordions. * Suchseite: Der Kontrastabstand der grauen Texte (Blog Post oder Page) in den Suchergebnissen zum Hintergrund ist zu gering. * Inhaltsseite: Der Kontrastabstand einiger Texte zum Hintergrund ist zu gering, bspw. grüne Links, weiße Texte auf grünem Hintergrund, graue Texte "Diesen Beitrag drucken". * Alle Seiten: Der Kontrastabstand der weißen Texte zu den farbigen Hintergründen im Menü (hover, active) ist zu gering. * Alle Seiten: Der Kontrastabstand vom grauen Link im Menü (EN) zum Hintergrund ist zu gering.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Startseite: Der Text in den farbigen Kacheln ist nicht vollständig sichtbar. * Formularseite: Die Inhalte der letzten Spalte in der Tabelle unter "Ansprechpartner" sind nicht vollständig sichtbar.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Startseite: Der Kontrastabstand des Rahmens des grauen Eingabefeldes für die E-Mail unter "Newsletter abonnieren" und dem Plus-Icon beim Accordion zum Hintergrund ist zu gering. * Suchseite: Der Kontrastabstand des Rahmens des Eingabefeldes für die Suche zum Hintergrund ist zu gering.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden * Alle Seiten: Das über Mouseover eingeblendete Untermenü lässt sich nicht mit der ESC-Taste schließen.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Am Anfang der Seite werden keine Skiplinks zur Verfügung gestellt.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Startseite: Für die farbigen Kacheln und für die Links unter "News" werden unverständliche Linktexte (href-Attribut) vom Screenreader ausgegeben. * Suchseite: Der Linktext "Next Entries »" ist für den Link unter den Suchergebnissen nicht aussagekräftig. * Inhaltsseite: Der Linktext "poll.remodel.global" unter "REMODEL" ist nicht aussagekräftig. * Alle Seiten: Für die Logos im Footer werden unverständliche Linktexte (href-Attribut) vom Screenreader ausgegeben. * Alle Seiten: Der Linkzweck für das Logo im Header ist mit "ICWGC" nicht aussagekräftig. Der Linkzweck für den Link "EN" im Header ist nicht aussagekräftig.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Alle Seiten: Der Tastaturfokus ist auf den interaktiven Elementen im Inhaltsbereich und im Footer (Logos) nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Startseite: Englische Texte auf der deutschen Seite sind nicht mit dem lang="en" ausgezeichnet. * Inhaltsseite: Englischer Text unter "REMODEL" sind nicht mit dem lang="en" ausgezeichnet.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden * Startseite, Inhaltsseite: Die Seiten enthalten Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: Die Akkordeon-Links im Inhaltsbereich werden ohne Status ausgegeben. * Alle Seiten: Die Links im Menü die ein Untermenü öffnen werden mit der Rolle "Link" vom Screenreader ausgegeben. Blinde Nutzer nehmen nicht wahr, dass sich ein Untermenü öffnet. * Alle Seiten: Der nach-oben Link hat keinen Linktext. Es wird für blinde Nutzer nur die Rolle ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden –
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden –
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden * Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		im Wesentlichen bestanden * Suchseite: Die <h1>-Überschrift wird auf der deutschen Seite in englischer Sprache "Results For "…" ausgegeben.

Bestanden

Kriterium Status
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
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.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		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.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.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