Staatliches Gutachten zur digitalen Barrierefreiheit

www.dvv-international.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Level-A-Verstöße (Alternativtexte, Struktur, Tastaturbedienung, Fokusführung, Suchfeld-Beschriftung) beeinträchtigen Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Kaum nutzbar

Geringe Farb- und Objektkontraste, Probleme bei Vergrößerung, Hochkontrastmodus und Slider-/Layout-Überlagerungen erschweren die Nutzung stark.

Hörbehinderung Fast barrierefrei

Audiovisuelle Inhalte sind mit Untertiteln und Alternativen versehen, und es bestehen kaum hörbezogene Barrieren.

Motorische Behinderung Mit Hindernissen nutzbar

Fehlende Tastaturerreichbarkeit wichtiger Navigationselemente und Bedienelemente im Cookie-Layer sind für ausschließlich tastatur- oder hilfsmittelbedienende Nutzer stark hinderlich.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Skip-Links, unklare Struktur, Slider ohne Stoppfunktion und eingeschränkte Fehlerhilfen erschweren Orientierung und Formularkompetenz.

Neurodivergenz Mit Hindernissen nutzbar

Automatische Sliderbewegungen ohne Pause, inkonsistente Fokusreihenfolge und erschwerte Navigation können Konzentration und Reizverarbeitung deutlich beeinträchtigen.

Dokumentierte Barrieren

  • Cookie-Einstellungen nicht vollständig per Tastatur bedienbar

    Im Cookie-Bereich sind einzelne Steuerelemente nicht erreichbar und der Dialog lässt sich per Tastatur nicht schließen. Auch die Fokussierung im Dialog ist fehlerhaft.

    Auswirkung: Ich kann die Cookie-Einstellungen nicht zuverlässig auswählen oder wieder verlassen. Dadurch werde ich beim Seitenzugang behindert und kann die Website unter Umständen kaum weiter nutzen.

  • Untermenüs per Tastatur nicht erreichbar

    Die Unterpunkte der Hauptnavigation lassen sich nicht per Tastatur erreichen. Damit kann ein zentraler Navigationsbereich auf vielen Seiten nicht vollständig bedient werden.

    Auswirkung: Wenn ich nur die Tastatur nutze, komme ich nicht zu wichtigen Bereichen der Website. Das blockiert die Navigation deutlich und kann zentrale Inhalte unerreichbar machen.

  • Hauptnavigation nur mit Maus vollständig nutzbar

    Untermenüs der Hauptnavigation erscheinen nur per Mouseover und lassen sich nicht zuverlässig per Tastatur öffnen oder schließen. Damit ist die Navigation nicht gleichwertig bedienbar.

    Auswirkung: Wenn ich keine Maus nutzen kann, erreiche ich wichtige Unterseiten nur eingeschränkt oder gar nicht. Das macht die Website für mich deutlich schwerer nutzbar.

  • Wichtige Bedienelemente ohne sichtbaren Fokus

    Im Cookie-Bereich ist der Tastaturfokus auf wichtigen Schaltflächen nicht sichtbar. So ist nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß bei der Tastaturbedienung nicht, wo ich mich gerade befinde. Das erhöht die Fehlbedienungsgefahr und kann die Nutzung verunsichern oder abbrechen lassen.

  • Falsche oder fehlende Fokusführung nach Aktionen

    Nach Suchvorgängen, Formularfehlern oder beim Öffnen von Layern landet der Fokus nicht dort, wo Nutzende ihn erwarten. Auch der Cookie-Banner wird an einer ungeeigneten Stelle erreicht.

    Auswirkung: Ich verliere nach einer Aktion die Orientierung und muss die Seite erneut absuchen. Das erschwert besonders die Suche, das Ausfüllen von Formularen und den Umgang mit Dialogen.

  • Inhalte brechen bei Vergrößerung und in responsiven Ansichten schlecht um

    Bei Vergrößerung oder in engen Ansichten überlagern oder verlassen Inhalte den sichtbaren Bereich. Das betrifft unter anderem Slider, Cookie-Layer und einzelne Bildtexte.

    Auswirkung: Wenn ich zoome, verschwinden Informationen oder Bedienelemente teilweise aus dem Blick. Dann kann ich Inhalte nicht vollständig lesen und wichtige Buttons schwer erreichen.

  • Sucheingabe ohne erkennbares Label

    Das Suchfeld ist nicht sichtbar oder programmatisch beschriftet. Dadurch ist für viele Nutzende nicht klar, wofür das Eingabefeld gedacht ist.

    Auswirkung: Ich erkenne nicht sicher, wo ich meinen Suchbegriff eingeben soll. Mit Screenreader oder bei eingeschränkter Sicht kann ich die Suche dadurch leicht übersehen oder falsch benutzen.

  • Kontakt- und Formularseiten ohne hilfreiche Eingabeunterstützung

    Formularfelder für Nutzerdaten sind nicht mit passenden Autocomplete-Informationen versehen, und Fehlermeldungen geben keine konkreten Korrekturhinweise. Das betrifft vor allem die Eingabe von Kontaktdaten.

    Auswirkung: Ich muss Eingaben häufiger manuell und fehleranfälliger machen. Wenn ich einen Fehler mache, bekomme ich nicht genug Hilfe, um das Formular schnell korrekt abzuschließen.

  • PDF-Dokument nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit sind Struktur, Auszeichnung und Zugänglichkeit des Dokuments für assistive Technologien eingeschränkt.

    Auswirkung: Wenn ich das PDF öffnen muss, kann ich Inhalte möglicherweise nur schlecht oder gar nicht erfassen. Das ist besonders problematisch, wenn das Dokument fachliche Informationen enthält.

  • Cookie-Banner erscheint für Screenreader zu spät

    Der Cookie-Banner wird in der Ausgabereihenfolge erst am Ende der Seite gelesen. Dadurch wird er nicht als frühzeitiges Dialogelement wahrgenommen.

    Auswirkung: Ich werde erst sehr spät auf den Cookie-Banner aufmerksam und kann die Seite nicht in der erwarteten Reihenfolge bedienen. Das erschwert den Einstieg und kann die Orientierung stark stören.

  • Automatische Slider-Bewegung ohne Stoppmöglichkeit

    Der Slider startet automatisch und bietet keine Pause- oder Stoppfunktion. Inhalte wechseln dadurch fortlaufend ohne Eingriffsmöglichkeit.

    Auswirkung: Ich kann mich nicht in Ruhe auf die Inhalte konzentrieren. Für mich werden Informationen schnell unlesbar oder ich verliere den Überblick über die Seite.

  • Suchergebnisse und Slider nicht sauber strukturiert

    Die Suchergebnisse sind nicht als Liste ausgezeichnet, und auf der Startseite stören mehrere Überschriften oder Slider-Inhalte die logische Struktur. Dadurch werden Inhalte schwerer verständlich und springen in der Ausgabe.

    Auswirkung: Ich kann Suchergebnisse und Seiteninhalte schlechter erfassen und schneller übersehen. Mit Screenreader wird die Orientierung unruhig und anstrengend.

  • Farbige Links und Menümarkierungen schwer erkennbar

    Links im Fließtext und der aktive Menüpunkt werden teilweise nur über Farbe unterschieden, und einige Kontraste sind zu schwach. Damit fehlen klare visuelle Hinweise.

    Auswirkung: Ich erkenne Links oder die aktuelle Position in der Navigation schlechter. Das erhöht das Risiko, wichtige Funktionen zu übersehen oder die falsche Seite anzuklicken.

  • Schwache Kontraste bei wichtigen Bedienelementen

    Einige Links, Symbole und Eingabefeld-Rahmen haben zu wenig Kontrast zum Hintergrund. Dadurch sind sie visuell schwerer wahrnehmbar.

    Auswirkung: Ich erkenne wichtige Bedienelemente schlechter, besonders bei Sehschwäche oder in ungünstigen Lichtverhältnissen. Das erhöht die Wahrscheinlichkeit, Funktionen zu übersehen.

  • Keine Sprungmarken zum Hauptinhalt

    Es gibt keine Skip-Links, um wiederkehrende Bereiche zu überspringen. Nutzende müssen sich auf jeder Seite erneut durch Navigation und Kopfbereich arbeiten.

    Auswirkung: Ich muss jedes Mal viele gleiche Elemente durchgehen, bevor ich zum Inhalt komme. Das kostet Zeit und erschwert die Orientierung, besonders mit Tastatur oder Screenreader.

  • Mehrsprachige Inhalte ohne Sprachwechsel-Auszeichnung

    Englische Textanteile sind vorhanden, aber der Sprachwechsel ist nicht ausgezeichnet. Screenreader können diese Passagen dann mit falscher Aussprache lesen.

    Auswirkung: Ich verstehe einzelne Begriffe oder ganze Textpassagen schlechter. Das macht Inhalte unklar und kann besonders bei Fach- oder Navigationstexten störend 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 10 Enterprise
Browser
Google Chrome 123.0.6312.106
Screenreader
NVDA 2023.3.1
  • www.dvv-international.de Web-Angebot öffnen
  • https://www.dvv-international.de/suche?tx_kesearch_pi1%5Bsword%5D=Lernen
  • https://www.dvv-international.de/kontakt
  • https://www.dvv-international.de/unsere-arbeit/stories/detail/fokus-alphabetisierung-koepfe-befaehigen-ein-leuchtturm-des-wandels-in-malawi
  • https://www.dvv-international.de/fileadmin/files/Inhalte_Bilder_und_Dokumente/Materialien/Fach-_und_Positionspapiere/DVV_International_Fachpapier_ALE_im_Krieg_s-_und_Konfliktfall.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite: Im Inhaltsbereich haben mehrere Grafiken (z. B. im Slider, in den Teasern) keinen aussagekräftigen alt-Text. * Inhaltsseite: Die beiden Bilder im Inhaltsbereich haben keinen aussagekräftigen alt-Text. * Alle Seiten (außer Startseite): In der Breadcrumb-Navigation werden die "/" zwischen den Links vom Screenreader als "Schrägstrich" ausgegeben. * Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext, zudem ist das Linkziel im alt-Text nicht enthalten. * Alle Seiten: Im Footer besitzen die Socialmedia-Grafiken keine aussagekräftigen Beschriftungen. * Alle Seiten: Die alt-Texte der Logos im Footerbereich entsprechen nicht genau den Logotexten, zudem ist das Linkziel im alt-Text nicht enthalten.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. * Alle Seiten: Die Funktion der Sprachschalter DE und EN (im Header) ist durch die fehlende Beschriftung nicht gut erkennbar. * Alle Seiten: Der Breadcrumb ist durch die fehlende Regionsauszeichnung bzw. fehlenden einleitenden Text nicht gut als solcher erkennbar. * Startseite: Mehrere H1-Überschriften vorhanden. * Startseite: Nach dem automatischen Öffnen einer Sliderseite wird die aktuelle Screenreader-Ausgabe unterbrochen und teilweise Texte/Elemente wiederholt oder übersprungen. * Formularseite: Fehlermeldungen unterhalb der Felder sind als Liste mit einem Eintrag ausgezeichnet. * Startseite, Inhaltsseite: In einigen Bereichen (z. B. "Aktuelles", "Alle Artikel in deutsch") sind Links zusätzlich als Überschriften ausgezeichnet, ohne neuen Inhaltsabschnitt. * Suchseite: Keine H1-Überschrift vorhanden. * Alle Seiten: Nicht alle Regionsbezeichnungen wie <main> oder <footer> vorhanden. * Alle Seiten: Pfeil-Icons in der Hauptnavigation sind im Hochkontrastmodus nicht als solche erkennbar. * Alle Seiten: Einige Elemente in Navigation und Footer passen sich im Hochkontrastmodus nicht an. * Alle Seiten: Im Hochkontrastmodus besitzen eingeblendete Untermenü-Layer keine sichtbaren Rahmen. * Alle Seiten: Im Hochkontrastmodus besitzt der Cookie-Banner keinen sichtbaren Rahmen und die Optionswahlschalter sind nicht mehr sichtbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Formularseite: Am Ende des Formulars wird ein unsichtbares Eingabefeld mit dem Label "Don't fill this field!" vom Screenreader ausgegeben. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden * Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden * Formularseite, Inhaltsseite: Links im Fließtext sind nur durch Farbe gekennzeichnet und der Kontrastabstand zur Textfarbe ist zu gering. * Inhaltsseite: Im Hauptmenü ist der aktuell ausgewählte Menüpunkt nur farblich hinterlegt.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Suchseite: Im Suchergebnis hat das hervorgehobene Suchwort ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Inhaltsseite: Der Bildtext des ersten Bildes im Inhaltsbereich hat ein zu geringes Kontrastverhältnis. * Alle Seiten: Die Links im Footer haben ein zu geringes Kontrastverhältnis. * Alle Seiten: Im Cookie-Layer hat der "Alle Akzeptieren"-Button ein zu geringes Kontrastverhältnis.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden * Alle Seiten: In der Hauptnavigation werden die Unternavigationen nicht mehr eingeblendet (per Mouseover).
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Startseite: Im Slider überlagern sich Bild-, Text- und Bedienelemente. * Inhaltsseite: Im Bereich "Der Autor" wird der Bildtext teilweise außerhalb des sichtbaren Bereichs dargestellt. * Alle Seiten: Bei 400 % Vergrößerung (Querformat) werden Inhalte des Cookie-Layers teilweise außerhalb des sichtbaren Bereichs dargestellt.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Alle Seiten (außer Startseite): Im Bereich "Diesen Beitrag teilen" haben die Icons für Twitter und E-Mail ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten: Der Rahmen des Sucheingabefeldes hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden * Startseite: Im Slider werden Bildelemente durch die Textelemente verdeckt.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden * Alle Seiten: Im Hauptmenü können die bei Mouseover eingeblendeten Untermenüs nicht geschlossen werden, ohne den Mauszeiger zu bewegen (z. B. Escape-Taste).
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten: Untermenüpunkte der Hauptnavigation sind per Tastatur nicht erreichbar. * Alle Seiten: Im Cookie-Layer "INDIVIDUELLE COOKIE-EINSTELLUNGEN" ist der Optionswahlschalter für "Matomo" mit der Tastatur nicht erreichbar. * Alle Seiten: Im Cookie-Layer können die "INDIVIDUELLE COOKIE-EINSTELLUNGEN" per Tastatur nicht geschlossen werden.
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden * Startseite: Beim Slider wird kein Button zum Beenden oder Pausieren der Animation angeboten.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Es werden keine Skip-Links zur Verfügung gestellt.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden * Inhaltsseite: Im Seitentitel ist der Name der Webseite nicht enthalten (nur "Detail").
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Im Slider müssen alle Slides per Tabulator durchlaufen werden. * Startseite: Im Bereich "Aktuelles" stimmt die Fokusreihenfolge nicht mit der logischen bzw. visuellen Anordnung überein. * Suchseite: Nach erneuter Suche wird der Fokus zum Seitenanfang und nicht auf den ersten Suchergebniseintrag gesetzt. * Formularseite: Nach Absenden mit Fehlern wird der Fokus nicht auf das erste fehlerhafte Feld gesetzt. * Inhaltsseite: Nach Öffnen der Bildvergrößerung wird der Fokus nicht in den Layer gesetzt. * Alle Seiten: Nach Öffnen der "INDIVIDUELLE COOKIE-EINSTELLUNGEN" wird der Fokus auf die Seite im Hintergrund gesetzt. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite erreicht.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Alle Seiten: Der Fokus auf den Buttons "Alle Akzeptieren" und "Cookie-Einstellungen" im Cookie-Layer ist nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Alle Seiten: Mehrere Texte mit englischen Beschriftungen sind vorhanden. Der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden * Alle Seiten: Das Sucheingabefeld besitzt keine sichtbare bzw. nicht sichtbare Beschriftung.
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 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		im Wesentlichen bestanden * Formularseite: Bei einer fehlerhaften E-Mail-Adresse (z. B. ohne @) werden keine Korrekturhinweise angezeigt oder vom Screenreader 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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		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.4
Linkzweck ist verständlich (im Kontext) 		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.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden

Nicht anwendbar

Kriterium Status Notizen
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht anwendbar Entspricht A: nein; Ergebnis der formalen Prüfung: nicht anwendbar.
A.2
Feedback-Mechanismus ist vorhanden 		nicht anwendbar Entspricht A: nein.
A.3
Leichte Sprache ist vorhanden 		nicht anwendbar Entspricht A: nein.
A.4
Gebärdensprache-Video ist vorhanden 		nicht anwendbar Entspricht A: nein.

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