Staatliches Gutachten zur digitalen Barrierefreiheit

www.zwst.org

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Zahlreiche Alttext-, Struktur-, Lesereihenfolge-, Formular- und ARIA-Probleme sowie nicht tastaturbedienbare Menüs erschweren Screenreader-Nutzung massiv, auch wenn Grundfunktionen vorhanden sind.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere gravierende Kontrastmängel, unzureichende Hervorhebung von Links und Fokus sowie teils nicht anpassbare Texte im Formular mindern trotz Zoom- und Reflow-Unterstützung die Lesbarkeit deutlich.

Hörbehinderung Weitgehend zugänglich

Es gibt kaum audiobezogene Inhalte und Gebärdensprach- sowie Leichte-Sprache-Angebote, sodass Gehörlose die Seite weitgehend problemlos nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Wesentliche Navigationsteile wie Untermenüs sind per Tastatur nicht erreichbar und Fokusprobleme erschweren die Bedienung für Nutzer mit reiner Tastatur- oder alternativer Eingabe stark.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und Leichte Sprache helfen, aber Karussell ohne Stopp-Funktion, unklare Linktexte, komplexe Fokusführung und unklare Fehlerrückmeldungen belasten Nutzer mit kognitiven Einschränkungen merklich.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Steuerung von Animationen, unruhige Fokusführung und Kontrastprobleme können Konzentration und Orientierung erschweren, auch wenn Struktur und Sprache grundsätzlich solide sind.

Dokumentierte Barrieren

  • Hauptnavigation per Tastatur nicht vollständig erreichbar

    Die Untermenüs der Hauptnavigation lassen sich nicht mit der Tastatur öffnen. Dadurch sind Teile der Navigation nur mit Maus nutzbar.

    Auswirkung: Ich kann wichtige Bereiche der Website nicht zuverlässig erreichen, wenn ich keine Maus benutze. Das macht das Navigieren auf der Seite deutlich schwerer oder unmöglich.

  • Fehler im Formular werden nicht verständlich angekündigt

    Wenn ein Formular falsch abgeschickt wird, wird die Fehlermeldung vom Screenreader beim Fokus auf das Feld nicht ausgegeben. Außerdem landet der Fokus nicht direkt beim fehlerhaften Feld.

    Auswirkung: Ich merke möglicherweise nicht, was falsch war, und muss die Suche nach dem Fehler selbst übernehmen. Das erschwert oder verhindert das Abschicken des Formulars.

  • Ausklapp-Inhalte sind schwer zu steuern

    Einblendbare Inhalte wie Untermenüs oder Schaltflächen mit Zusatzinhalt zeigen ihren Zustand nicht klar an und lassen sich teilweise nicht per Tastatur oder Escape sauber schließen. Einige ARIA-Hinweise fehlen dabei.

    Auswirkung: Ich kann nicht sicher erkennen, was gerade geöffnet ist oder wie ich es wieder schließe. Das stört die Bedienung und kann mich in Menüs festhalten.

  • Kontrastmängel erschweren das Lesen

    Mehrere Texte, Links, Datumsangaben und Fehlermeldungen haben zu wenig Kontrast zum Hintergrund. Das betrifft unter anderem Startseite, Suchseite, Inhaltsseite und Formularseite.

    Auswirkung: Ich kann Inhalte schwer erkennen, besonders bei schwächerem Sehen oder auf ungünstigen Bildschirmen. Das Lesen und Erfassen wichtiger Hinweise wird dadurch anstrengend oder unsicher.

  • Nicht sichtbare Navigationselemente werden fokussiert

    Beim Durchgehen mit der Tastatur landen Fokus und Vorleseausgabe auch auf Untermenüs, die gar nicht sichtbar sind. Das betrifft mehrere Seiten.

    Auswirkung: Ich verliere die Orientierung, weil ich Elemente erreiche, die ich nicht sehen kann. So wird die Navigation unübersichtlich und fehleranfällig.

  • Fehlerhafte oder unverständliche Linktexte

    Mehrere Links werden nur sehr allgemein bezeichnet, etwa Sprachwechsel mit 'de', 'en' und 'ru' oder Links zu PDFs ohne klaren Hinweis auf das Dateiformat. Auch Logos haben teils keine oder unklare Alternativtexte.

    Auswirkung: Ich weiß oft nicht, wohin ein Link führt oder was ein Symbol bedeutet. Dadurch kann ich falsche Ziele anklicken oder Inhalte nicht gezielt öffnen.

  • Fokus ist nicht gut sichtbar

    Bei einzelnen Bedienelementen ist der Tastaturfokus kaum oder gar nicht erkennbar. Betroffen sind zum Beispiel Suchergebnisse und vorgeschlagene Spendenbeträge.

    Auswirkung: Ich sehe nicht sicher, welches Element gerade aktiv ist. Dadurch kann ich mich bei der Bedienung leicht vertippen oder den Überblick verlieren.

  • Fokusreihenfolge ist unlogisch

    Die Tastaturreihenfolge folgt nicht immer dem sichtbaren Aufbau. Der Fokus springt zum Beispiel auf nicht sichtbare Karussellelemente, auf doppelte Links oder auf den Cookie-Banner erst ganz am Ende.

    Auswirkung: Ich muss oft mehrmals weiter navigieren, um das gewünschte Element zu erreichen. Das macht die Bedienung langsamer und verwirrend.

  • PDF ist vermutlich nicht barrierefrei nutzbar

    Der geprüfte PDF-Download wurde vom PAC3-Test nicht als PDF/UA-konform bewertet. Das spricht für Probleme bei Struktur, Alternativtexten oder Lesereihenfolge im Dokument.

    Auswirkung: Ich kann den Inhalt des PDFs möglicherweise nur eingeschränkt oder gar nicht mit Hilfstechnologien erfassen. Wenn das Dokument wichtige Informationen enthält, bleibt mir der Zugang dazu erschwert.

  • Startseiten-Karussell ist nicht stoppbar

    Die animierten Slides auf der Startseite lassen sich nicht anhalten oder ausblenden. Zusätzlich werden im Karussell auch nicht sichtbare Elemente ausgegeben.

    Auswirkung: Ich werde beim Lesen abgelenkt und kann den Inhalt schwerer erfassen. Für mich kann das stressig sein und die Orientierung auf der Seite verschlechtern.

  • Struktur und Überschriften sind inkonsistent

    Die Überschriftenhierarchie ist teilweise falsch, Überschriften werden doppelt ausgegeben und Listen sind nicht immer als Listen programmiert. Auch Regionen im Header werden doppelt ausgegeben.

    Auswirkung: Ich kann Inhalte und Seitenstruktur schwerer erfassen, besonders mit Screenreader. Dadurch wird das schnelle Springen zu relevanten Bereichen unnötig erschwert.

  • Fehlender aussagekräftiger Hinweis zu Pflichtfeldern

    Die Bedeutung des Sternchens für Pflichtfelder wird erst am Ende des Formulars erklärt. Beim Ausfüllen ist dadurch nicht sofort klar, welche Felder zwingend sind.

    Auswirkung: Ich kann eher ein Formular unvollständig ausfüllen und muss Fehler später korrigieren. Das kostet Zeit und kann frustrierend sein.

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 Enterprise
Browser
Google Chrome 134.0.6998.89
Screenreader
NVDA 2024.4.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)
  • https://zwst.org/de Web-Angebot öffnen
  • https://zwst.org/de/search?search_api_fulltext=inklusion
  • https://zwst.org/de/jetzt-spenden
  • https://zwst.org/de/angebote/humanitaere-hilfe
  • https://zwst.org/sites/default/files/2024-12/zwst-informiert-4-2024.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Formularseite: Der Alternativtext für die Schriftgrafik ist mit "Spendengrafik" nicht aussagekräftig. Der Text auf der Grafik wird nicht ausgegeben. * Formularseite: Der Alternativtext für das Logo der FundraisingBox ist mit "FundraisingBox Logo" nicht aussagekräftig. Es fehlt der Text "Ein sicherer Service der". * Inhaltsseite: Das Logo "OlamAid" hat keinen Alternativtext. * Inhaltsseite: Der Alternativtext der Grafik von Acrobat vor dem Datei-Link ist mit "Document" nicht aussagekräftig. * Alle Seiten: Der Alternativtext für das verlinkte Logo der ZWST ist mit "Home" nicht aussagekräftig. * Alle Seiten: Im Footer ist das verlinkte Logo des Deutschen Spendenrat mit "Geprüfte Transparenz" nicht aussagekräftig.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Formularseite: Der Ablauf unter "Spende per Girocode (QR-Code)" wird nicht in einer sortierten Liste strukturiert. * Inhaltsseite: Die visuell mit Anstrichen dargestellte Liste unter "Hilfe in Griechenland" wird programmatisch nicht als Liste strukturiert. * Alle Seiten: Die Überschriftenhierarchie ist tlw. nicht korrekt. Bspw. folgt nach einer Überschrift der Ebene 1 eine Überschrift der Ebene 3. Überschriften werden auch tlw. doppelt ausgegeben, bspw. "Über uns" oder "Angebote". * Alle Seiten: Regionen im Header werden doppelt ausgegeben.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Startseite: Der Screenreader gibt beim linearen Lesen den nicht sichtbaren Inhalt des Karussells aus. * Alle Seiten: Der Screenreader gibt beim linearen Lesen den nicht sichtbaren Inhalt der Untermenüs der Hauptnavigation aus.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden * Inhaltsseite: Im Fließtext sind die Links nur durch eine andere Farbe gekennzeichnet. Der Kontrastabstand zwischen Linkfarbe und umgebener Text ist zu gering.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Startseite: Auf der Seite hat der rote Text bspw. im Slider einen zu geringen Kontrast zum farbigen Hintergrund. * Startseite: Der Kontrast des letzten Listenelements des Breadcrumbs ist zum Hintergrund zu gering. * Startseite: Der Kontrast der blauen Überschrift im Slider zum farbigen Hintergrund ist tlw. zu gering. * Startseite, Suchseite, Inhaltsseite: Der Kontrast der blauen Datumsangaben in den Kacheln und Suchergebnissen ist zum weißen Hintergrund zu gering. * Formularseite: Der Kontrast der weißen/roten Fehlermeldung auf rotem/weißem Hintergrund ist zu gering. * Inhaltsseite: Der Kontrast der Angabe der Dateigröße beim Download-Link ist zum Hintergrund zu gering. * Alle Seiten: Der Kontrast Texte der Metanavigation bei Fokussierung ist zum Hintergrund zu gering.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Formularseite: Der Kontrast der hellgrauen Rahmen bzw. Hintergrund der Formularfelder ist zum weißen Hintergrund zu gering. * Alle Seiten: Der Kontrast der roten Unterstreichung des per Mouseover fokussierten Elements in der Hauptnavigation ist zum blauen Hintergrund zu gering.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden * Alle Seiten: Die per Mouseover eingeblendeten Untermenüs der Hauptnavigation lassen sich nicht per ESC-Taste schließen, ohne dass der Zeiger das Element verlässt.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten: Das Untermenü der Hauptnavigation kann mit der Tastatur nicht eingeblendet werden.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden * Startseite: Der animierten Slides können nicht angehalten, ausgeblendet oder in ihrer Aktualisierungsfrequenz angepasst werden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Im Inhaltsbereich werden am Anfang des Karussells nicht sichtbare Elemente fokussiert. * Startseite: Die Buttons "Previous" und "Next" erhalten erst am Ende den Fokus. * Startseite, Suchseite: Im Karussell und bei den Suchergebnissen erhalten jeweils zwei bzw. drei Links mit dem gleichen Linkziel den Fokus. * Formularseite: Wird ein fehlerhaftes Formular versendet, wird der Fokus nicht in das fehlerhafte Feld gesetzt, sondern am Anfang des Formulars. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite erreicht. * Alle Seiten: Die nicht sichtbaren Links der Untermenüs der Hauptnavigation werden fokussiert.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Inhaltsseite: Das Dateiformat wird in dem Link zur PDF-Datei programmatisch nicht ausgegeben. * Alle Seiten: Die Linktexte für den Sprachwechsel im Header ist mit "de", "en" und "ru" nicht aussagekräftig.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Suchseite: Bei den Suchergebnissen ist der Fokus beim verlinkten Bild nur kurz sichtbar. * Formularseite: Der Fokus ist auf den vorgeschlagenen Spendenbeträgen nicht sichtbar.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden * Formularseite: Die Fehlermeldung unterhalb des fehlerhaften Feldes wird bei der Fokussierung vom Screenreader nicht ausgegeben.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: Die grafischen Pfeil-Buttons im Karussell werden ohne die Rolle "Button" ausgegeben. * Startseite, Inhaltsseite: Beim Link "Mehr anzeigen" ist nicht erkennbar, dass zusätzlicher Inhalt ein- und ausgeblendet werden kann. Es fehlt das aria-expanded-Attribut. * Startseite, Formularseite, Inhaltsseite: Beim Copyright-Button ist nicht erkennbar, dass zusätzlicher Inhalt ein- und ausgeblendet werden kann. Es fehlt das aria-expanded-Attribut. * Alle Seiten: Für den Link "Presse" in der Meta-Navigation, der durch Aktivierung ein Untermenü einblendet, wird keine aria-haspopup-Attribut verwendet.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden –
A.2
Erklärung zur Barrierefreiheit wurde formal geprüft 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.12
Textabstände sind anpassbar 		im Wesentlichen bestanden * Formularseite: Die Texte im Formular werden nicht angepasst. Diese befinden sich innerhalb eines iframes.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		im Wesentlichen bestanden * Alle Seiten: Die Social Media Links im Footer sind zusätzlich über einen englischen Tooltip beschriftet "opens in a new window".
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden * Formularseite: Die Bedeutung des Sternchens für die Pflichtfeldauszeichnung wird erst am Ende des Formulars erklärt.

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 Hinweis: Formularseite: Der Wert "ignore-me" ist beim autocomplete-Attribut nicht als Standardwert vorhanden.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden Hinweis: * Suchseite: Im Titel der Seite fehlt der Suchbegriff der Suche.
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.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden Hinweis: Der Linktext "Einfache Sprache" im Header ist nicht korrekt. Der Linktext sollte in "Leichte Sprache" umformuliert werden.
A.4
Gebärdensprache-Video ist vorhanden 		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 Audio-Inhalte besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		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
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht anwendbar

Nicht geprüft

Kriterium Status Notizen
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht geprüft –
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht geprüft Sind bei informationstragenden Grafiken sinnvolle Alternativtexte vorhanden? Sind dekorative Grafiken als solche ausgezeichnet?
WCAG 1.3.1
Infos und Beziehungen 		nicht geprüft Ist das PDF-Dokument semantisch korrekt strukturiert (keine leeren Absätze, Überschriften, Tabellen, Listen, Links, Fußnoten etc.)?
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht geprüft Korrekte Lesereihenfolge? Relevante, informationstragende Texte in der Struktur enthalten?
WCAG 1.4.3
Kontrast (Minimum) 		nicht geprüft Mindest-Kontrastwert zwischen Text und Hintergrund mindestens 4,5:1? Für Schriftgrößen ab 18pt oder 14pt Fettdruck sollte ein Mindest-Kontrast von 3:1 verwendet werden.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht geprüft Kontraste von informationstragenden Grafiken beträgt mindestens 3:1 zu angrenzenden Farben?

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