Staatliches Gutachten zur digitalen Barrierefreiheit

www.dzne.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale Probleme bei Alternativtexten, semantischer Struktur, Fokusführung und Tastaturbedienung erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unbenutzbar.

Sehbehinderung Mit Hindernissen nutzbar

Fehlende Kontraste, Schriftgrafiken, Probleme bei Vergrößerung/Umbrechen und unzureichend sichtbarer Fokus beeinträchtigen die Nutzung stark.

Hörbehinderung Fast barrierefrei

Multimedia ist weitgehend mit Untertiteln und Alternativen versehen und sonstige Inhalte sind textbasiert, sodass Gehörlosigkeit kaum einschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Wesentliche Navigationselemente und die Suche sind per Tastatur nicht erreichbar und Hover-Menüs nicht schließbar, was für viele motorisch eingeschränkte Nutzer ein großes Hindernis darstellt.

Lernbehinderung Mit Hindernissen nutzbar

Inkonsequente Struktur, fehlende Listen, unklare Links und Fokusprobleme erschweren Orientierung, während Sprache, Fehlerhilfen und Leichte Sprache teils gut umgesetzt sind.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Struktur, Skip-Links und Fokuslogik können Überforderung und Mehraufwand erzeugen, jedoch gibt es keine auffälligen Zeit- oder Animationsbelastungen.

Dokumentierte Barrieren

  • Hauptnavigation mit Untermenüs nicht tastaturbedienbar

    Die Untermenüs der Hauptnavigation werden bei Tastaturfokus nicht eingeblendet und können so nicht sauber geöffnet oder benutzt werden. Auch das Schließen per Tastatur ist nicht möglich, wenn sie per Mouseover erscheinen.

    Auswirkung: Ich komme ohne Maus nicht in viele Unterseiten oder verliere die Kontrolle über aufgeklappte Menüs. Das blockiert die Navigation auf der gesamten Website stark.

  • Suche im Header nicht per Tastatur erreichbar

    Das Suchfeld und der Such-Button im oberen Bereich lassen sich nicht vollständig mit der Tastatur bedienen. Dadurch ist die zentrale Seitensuche für manche Nutzende nicht zuverlässig nutzbar.

    Auswirkung: Ich kann die Suche nicht starten, ohne Maus oder Umwege zu benutzen. Das erschwert mir besonders das schnelle Finden von Inhalten erheblich.

  • Seitensuche und Paginierung auf der Suchseite schlecht bedienbar

    Auf der Suchseite sind die Paginierungslinks "Zurück" und "Weiter" nicht per Tastatur erreichbar, und das Suchfeld ist in der Struktur unzureichend beschriftet. Dadurch wird die Suche und das Blättern durch Ergebnisse erschwert.

    Auswirkung: Ich kann Suchergebnisse nicht komfortabel durchgehen und muss bei mehreren Treffern Umwege nehmen. Das kostet mich Zeit und kann mich vom Auffinden relevanter Inhalte abhalten.

  • Zu geringe Kontraste bei Texten und Bedienelementen

    Mehrere Texte, Links und Buttons haben zu wenig Kontrast zum Hintergrund, darunter auch der Cookie-Button sowie einige Social-Icons und Steuer-Icons. Das betrifft besonders helle oder bildhafte Bereiche.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter lesen oder erkennen. Bei schwachem Sehen oder bei ungünstigen Lichtverhältnissen werde ich dadurch deutlich ausgebremst.

  • Fehlende Skip-Links erschweren die Seitennutzung

    Auf allen Seiten gibt es keine Sprungmarken, mit denen man direkt zum Hauptinhalt wechseln kann. Wer mit Tastatur oder Screenreader arbeitet, muss daher immer die wiederkehrenden Bereiche durchlaufen.

    Auswirkung: Ich brauche deutlich länger, um zu den eigentlichen Inhalten zu gelangen. Besonders auf jeder neuen Seite ist das anstrengend und umständlich.

  • Schriftgrafiken sind nicht anpassbar

    Einige Inhalte sind als Schriftgrafiken umgesetzt und können nicht vergrößert, umgebrochen oder von Nutzenden angepasst werden. Das betrifft Teaser auf der Startseite und die Grafik "Brain Bank Units".

    Auswirkung: Ich kann die betroffenen Inhalte je nach Sehvermögen oder Endgerät nur schwer lesen. Wenn ich größere Schrift brauche, verliere ich Informationen oder muss passenzoomen.

  • Layout bricht bei Vergrößerung teilweise aus dem sichtbaren Bereich

    Bei enger Darstellung oder größeren Abständen liegen Teile des Suchbereichs und der Navigation außerhalb des sichtbaren Bereichs. Inhalte können dadurch abgeschnitten oder schwer erreichbar sein.

    Auswirkung: Ich muss horizontal scrollen oder sehe wichtige Teile nicht vollständig. Das macht die Nutzung auf kleinen Bildschirmen oder bei Vergrößerung deutlich schwieriger.

  • Aussagekräftige Linktexte fehlen an mehreren Stellen

    Mehrere Links werden vom Screenreader nur sehr allgemein oder als Serien gleichartiger Links ausgegeben, etwa Social-Media-Icons oder die Seitenlinks in der Suchergebnis-Paginierung. Der Zweck der Ziele ist dadurch nicht immer verständlich.

    Auswirkung: Ich weiß oft nicht, wohin ein Link führt, bevor ich ihn öffne. Das kostet Zeit und erschwert die gezielte Auswahl von Inhalten.

  • Fehlerhafte oder unklare semantische Struktur erschwert Orientierung

    Überschriften, Listen und Navigationsbereiche sind an mehreren Stellen nicht sauber ausgezeichnet. Dadurch ist die inhaltliche Gliederung für assistive Technologien und auch visuell teilweise schwer nachzuvollziehen.

    Auswirkung: Ich finde mich schlechter auf der Seite zurecht und kann Inhalte nicht so schnell erfassen. Besonders bei längeren Seiten bedeutet das mehr Suchaufwand und mehr Verwirrung.

  • Cookie-Banner wird für Screenreader sehr spät angekündigt

    Das Cookie-Banner wird vom Screenreader erst am Ende der Seite ausgegeben. Dadurch erscheint der wichtige Dialog aus Sicht der assistiven Nutzung an einer unpassenden Stelle.

    Auswirkung: Ich erfahre den Hinweis erst spät und kann die Seite zunächst nicht sinnvoll einordnen. Das kann dazu führen, dass ich den Umgang mit Cookies oder den Seitenbeginn falsch wahrnehme.

  • PDF-Dokument nicht barrierefrei

    Das verlinkte PDF ist nicht PDF/UA-konform. Damit können Struktur, Lesereihenfolge oder Alternativinformationen in dem Dokument unzureichend sein.

    Auswirkung: Wenn ich auf das PDF angewiesen bin, kann ich Inhalte darin nur eingeschränkt erfassen. Ich muss dann auf andere Quellen ausweichen oder bekomme Informationen nicht vollständig.

  • Links und Zustände sind teils nur über Farbe erkennbar

    Der aktuell gewählte Menüpunkt im Haupt- und Untermenü wird nur farblich markiert. Ohne zusätzliche Kennzeichnung ist dieser Zustand nicht für alle Nutzenden eindeutig erkennbar.

    Auswirkung: Ich kann leicht übersehen, wo ich mich gerade in der Navigation befinde. Das macht Orientierung und Wiederfinden von Inhalten schwerer.

  • Fokuszustände sind teils schwer sichtbar

    Einige fokussierbare Elemente, etwa die Links "teilen" und "tweet", zeigen den Tastaturfokus nur schwach. Dadurch ist nicht immer klar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann mich bei der Tastaturbedienung leichter verlaufen. Das erhöht die Fehlerquote und macht die Navigation unsicher.

  • Sprachwechsel auf der Suchseite nicht markiert

    Mehrere englische Begriffe und Bedienelemente auf der Suchseite sind im Quellcode nicht als Sprachwechsel ausgezeichnet. Screenreader können sie dadurch mit falscher Aussprache lesen.

    Auswirkung: Ich verstehe einzelne Begriffe oder Bedienelemente schlechter und muss häufiger nachhören. Das stört besonders bei gemischten Sprachinhalten.

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 2022.4
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
  • https://www.dzne.de/suche/?id=52&tx_kesearch_pi1%5Bsword%5D=Therapien&tx_kesearch_pi1%5Bpage%5D=1&tx_kesearch_pi1%5BresetFilters%5D=0&tx_kesearch_pi1%5BsortByField%5D=&tx_kesearch_pi1%5BsortByDir%5D=asc
  • https://www.dzne.de/impressum/
  • https://www.dzne.de/forschung/brain-bank/
  • https://www.dzne.de/fileadmin/Dateien/editors/images/Hintergrund/Faktenzentrale/DZNE-Faktenzentrale_Quellen.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Startseite: Mehrere Grafiken der Bild-Text-Teaser im Inhaltsbereich besitzen keinen oder einen nicht aussagekräftigen alt-Text. * Inhaltsseite: Die informative Grafik im Bereich "Brain Bank Units" besitzt keinen aussagekräftigen alt-Text. * Alle Seiten: Die beiden Grafiken im Footer "Helmholtz" und "DZG" werden vom Screenreader schwer verständlich ausgegeben.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Startseite: Auf der Seite stimmt die Überschriftenhierarchie nicht, auf H4 folgt H1. * Startseite: In den Bild-Text-Teasern stimmt die Überschriftenhierarchie nicht, da gleiche Überschriftenebenen mit H3 und H4 ausgezeichnet sind. * Suchseite: Die Seite besitzt keine Überschriften zu Strukturierung des Inhalts. * Inhaltsseite: Im Bereich "Brain Bank Units" ist die Überschriftenhierarchie nicht korrekt, da die drei Überschriften der gleichen Ebene unterschiedlich ausgezeichnet sind. * Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. * Formularseite: Im Bereich "Bildnachweis" sind die Auflistungen nicht als Listen angelegt. * Suchseite: Im Inhaltsbereich besitzt das Sucheingabefeld keine Beschriftung (Label). * Suchseite: Die Checkbox unterhalb des Sucheingabefeldes ist als Liste mit einem Eintrag ausgezeichnet. * Inhaltsseite: Im Bereich "Kontakt für Spender und Angehörige" sind die Links alle als H3 Überschriften ausgezeichnet. * Alle Seiten: Nicht alle Navigationen sind mit dem Strukturelement <nav> angelegt. * Alle Seiten: Die Seiten besitzen kein Strukturelement <main>. * Alle Seiten: Auf den Seiten haben mehrere Navigationsregionen keine zusätzliche Beschriftung, welche die jeweilige Teilfunktion beschreibt. * Alle Seiten (außer Startseite): Die Breadcrumb-Navigation ist durch die fehlende Regionsauszeichnung bzw. durch den fehlenden einleitenden Text nicht gut als solcher erkennbar. * Alle Seiten: Im Header besitzt das Sucheingabefeld (oben rechts) keine Beschriftung (Label). * Suchseite: Im Hochkontrastmodus ist der aktive Paginierungspunkt der Suchergebnisse nicht mehr sichtbar. * Alle Seiten: Im Hochkontrastmodus ist der Rahmen des Sucheingabefeldes nicht sichtbar. * Alle Seiten: Die Größe der Untermenüs ist durch die fehlenden Rahmen in der Hochkontrastansicht nicht gut erkennbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden * Alle Seiten: Das "Suche"-Icon im Header wird vom Screenreader nicht ausgegeben. * Alle Seiten: In den Seitentiteln wird das Zeichen ">" als "größer als" vom Screenreader mit ausgegeben. * Alle Seiten: Das Cookie-Banner wird erst am Ende der Seite vom Screenreader ausgegeben.
Farbe ist nicht einziger Informationsträger nicht bestanden * Inhaltsseite: Im Hauptmenü und dem Untermenü ist der aktuell ausgewählte Menüpunkt nur farblich hervorgehoben.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden * Startseite: Bei den Bild-Text Teasern haben einige Texte (auch in Grafiken) ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Startseite: Die Links und Texte im großen Bild-Banner haben teilweise ein zu geringes Kontrastverhältnis von Text zu Hintergrundbild. * Alle Seiten (außer Startseite): Die Texte "teilen" und "tweet" (unten links) haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Alle Seiten: Im Cookie-Layer hat der "Nein, danke"-Button ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe.
Schriftgrafiken sind anpassbar oder unverzichtbar nicht bestanden * Startseite: Einige Teaser-Kacheln sind teilweise als Schriftgrafiken umgesetzt und nicht an die individuellen Bedürfnisse anpassbar. * Inhaltsseite: Im Inhaltsbereich können die Inhalte der Schriftgrafik "Brain Bank Units" nicht an die individuellen Bedürfnisse angepasst werden.
Inhalte brechen in einspaltiges Layout um nicht bestanden * Suchseite: Das Sucheingabefeld befindet teilweise außerhalb des sichtbaren Bereichs. * Alle Seiten: In der geöffneten Navigation ist der Bereich der Suche auf beiden Seiten teilweise außerhalb des sichtbaren Bereichs.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden * Alle Seiten: Der Rahmen des Sucheingabefeldes (oben rechts) hat keinen Kontrast zum Hintergrund. * Suchseite: Der Hintergrund des Sucheingabefeldes im Inhaltsbereich hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten (außer Startseite): Die Icons für "drucken", "tweet" oder das "Nach oben"-Icon (oberhalb des Footers) haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
Textabstände sind anpassbar nicht bestanden * Startseite: In den Bild-Text-Teaser Elementen werden einige Texte außerhalb des sichtbaren Bereichs angezeigt.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden * Alle Seiten: Im Hauptmenü können die per Mouseover geöffneten Untermenüs mit der Tastatur (z.B. Esc-Taste) nicht geschlossen werden.
Tastaturbedienbarkeit ist gegeben nicht bestanden * Suchseite: In der Paginierung sind die "Zurück" und "Weiter"-Links mit der Tastatur nicht erreichbar. * Alle Seiten: Die Untermenüs der Hauptnavigation sind mit der Tastatur nicht bedienbar, da diese bei Fokussierung der Hauptmenüpunkte nicht eingeblendet werden. * Alle Seiten: Im Header ist der "Suche"-Button mit der Tastatur nicht erreichbar.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden * Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden * Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche, oder nach dem Öffnen der nächsten Suchergebnisseite, an den Anfang der Seite und nicht auf den ersten Suchergebniseintrag gesetzt. * Suchseite: Der Fokus wird nach dem Ausführen des "Reset"-Buttons nicht in das Sucheingabefeld gesetzt. * Alle Seiten: Nach dem Aktivieren des "Nach oben"-Link im Footer wird der Fokus nicht an den Seitenanfang gesetzt, sondern verbleibt auf dem Link. * Alle Seiten: Das Cookie-Banner erhält erst am Ende der Seite den Fokus.
Linkzweck ist verständlich (im Kontext) nicht bestanden * Startseite: Die 6 verlinkten Socialmedia-Icons im Bild-Text-Teaser "Folgen Sie uns in diesen sozialen Netzwerken" werden vom Screenreader nur als "Link, Link, Link, …" ausgegeben. * Startseite: In den Teaser-Kacheln haben einige Links (wie z. B. "Zur Terminübersicht" oder "Podcast") keine aussagekräftige Beschriftung. * Suchseite: In der Paginierung der Suchergebnisse haben die einzelnen Seitenlinks keine aussagekräftige Beschriftung (Link1, Link2, Link3 usw.). * Alle Seiten (außer Startseite): Die Links für "drucken" oder "Nach oben" (oberhalb des Footers) werden vom Screenreader nur als "Link" ausgegeben.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden * Suchseite: Bei mehreren englischen Texten (wie z. B. in den Suchergebnissen oder sonstige Texte und Buttons) ist der Sprachwechsel im Quellcode nicht ausgezeichnet.
Name, Rolle und Wert sind identifizierbar nicht bestanden * Alle Seiten: Im Header wird das Sucheingabefeld (oben rechts) vom Screenreader im linearen Lesemodus als "erforderlich" ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
A.2
Feedback-Mechanismus 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
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden * Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
Tastaturfokus ist sichtbar im Wesentlichen bestanden * Alle Seiten (außer Startseite): Der Fokus ist auf den beiden Links "teilen" und "tweet" (oberhalb des Footers) nicht gut sichtbar.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
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.