Staatliches Gutachten zur digitalen Barrierefreiheit

www.drfz.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (Alternativtexte, Struktur, Lesereihenfolge, Tastaturnavigation, fehlende Skiplinks, unsichtbarer Fokus, unbeschriftete Such- und Newsletterfelder) sind nicht erfüllt und erschweren die Nutzung stark.

Sehbehinderung Kaum nutzbar

Geringe Text- und UI-Kontraste, Probleme bei Vergrößerung und Reflow, teils außerhalb des sichtbaren Bereichs liegende Navigationselemente und ein nicht pausierbarer Slider beeinträchtigen die Nutzung erheblich.

Hörbehinderung Mit Hindernissen nutzbar

Die meisten Inhalte sind textbasiert, aber Videos haben nur automatische Untertitel und teils fehlende Alternativen, was Medieninhalte eingeschränkt nutzbar macht.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich tastaturbedienbar, aber defekte Tastaturnavigation, fehlende Skiplinks, problematische Fokusreihenfolge und unsichtbare Fokushervorhebung erschweren die Bedienung stark.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende leichte Sprache, automatische Sliderbewegung ohne Stopp, Kontrastprobleme und teils unklare Beschriftungen erschweren Orientierung und Verständlichkeit.

Neurodivergenz Mit Hindernissen nutzbar

Automatisch laufender Slider ohne Pause, Fokus- und Lesereihenfolgeprobleme sowie schwer erkennbare Strukturen können Konzentration und Reizkontrolle deutlich beeinträchtigen.

Dokumentierte Barrieren

  • Tastaturbedienung der Hauptnavigation ist eingeschränkt

    Die Untermenüpunkte der Hauptnavigation sind mit der Tastatur nicht korrekt bedienbar, und es werden teilweise nur Teile der Untermenüs angezeigt. Zusätzlich lassen sich aufgeklappte Untermenüs nicht mit der Escape-Taste schließen.

    Auswirkung: Ich kann die Navigation nur mühsam oder unvollständig bedienen. Wenn ich nur per Tastatur arbeite, komme ich möglicherweise nicht zu allen Bereichen der Website.

  • Fokus ist teilweise unsichtbar oder landet auf nicht sichtbaren Elementen

    Mehrere interaktive Elemente zeigen beim Tastaturfokus keine sichtbare Hervorhebung, und es gibt zusätzliche unsichtbare Tabstopps. Das betrifft unter anderem Teaser, Formular-Checkboxen, Social-Links und die Grafikvergrößerung.

    Auswirkung: Ich weiß nicht, welches Element gerade aktiv ist. Dadurch kann ich mich bei der Bedienung mit Tastatur leicht verirren oder Funktionen versehentlich auslösen.

  • Wichtige Inhalte sind bei Vergrößerung und Umbruch teilweise nicht erreichbar

    Bei starker Vergrößerung oder angepassten Textabständen liegen Navigationspunkte teilweise außerhalb des sichtbaren Bereichs. Auch einzelne Bereiche wie der Newsletter-Bereich oder eine Bildvergrößerung werden nicht sauber umgebrochen bzw. überlagert.

    Auswirkung: Wenn ich zoome oder große Schrift nutze, kann ich Teile der Seite nicht mehr sehen oder bedienen. Das erschwert besonders die Navigation und das Lesen auf kleinen Displays oder bei Sehbeeinträchtigung.

  • PDF ist nicht barrierefrei aufbereitet

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Damit ist es für unterstützende Technologien wahrscheinlich nur eingeschränkt nutzbar.

    Auswirkung: Ich kann das Dokument möglicherweise nicht sinnvoll lesen, strukturieren oder mit dem Screenreader erschließen. Wenn ich auf das PDF angewiesen bin, verliere ich den Zugang zu den dort enthaltenen Informationen.

  • Mehrere Inhalte haben zu geringen Kontrast

    Text- und Bedienelemente sind an mehreren Stellen zu schwach vom Hintergrund abgesetzt, etwa Suchergebnisse, Platzhaltertexte, Teaser-Texte und Elemente im Cookie-Banner. Auch einige Nicht-Text-Elemente wie Icons und Checkbox-Rahmen sind zu schwach sichtbar.

    Auswirkung: Ich kann Texte und Bedienelemente schlechter erkennen, besonders bei Sehschwäche oder in ungünstigen Lichtverhältnissen. Dadurch übersehe ich wichtige Informationen oder treffe falsche Auswahlentscheidungen.

  • Formulare sind für assistive Technologien und Autovervollständigung schlecht zugänglich

    Das Sucheingabefeld und das Newsletter-Feld sind nicht ausreichend beschriftet, und die Formularfelder für Nutzerdaten haben kein autocomplete-Attribut. Auch die DSGVO-Checkbox ist semantisch nicht sauber als Gruppe ausgezeichnet.

    Auswirkung: Ich kann nicht sicher erkennen, was ich eingeben soll, oder mich auf automatische Eingabehilfen verlassen. Das macht Suchen, Anmelden und Ausfüllen von Formularen deutlich mühsamer.

  • Bildvergrößerung und Schriftgrafiken sind nicht barrierefrei nutzbar

    Eine Schriftgrafik auf der Inhaltsseite kann nicht an individuelle Bedürfnisse angepasst werden, und die Bildvergrößerung hat bei Zoom Probleme mit Überlagerungen und unsichtbarem Fokus. Der Link zur Vergrößerung ist außerdem nur sehr unklar beschriftet.

    Auswirkung: Ich kann wichtige visuelle Inhalte nicht gut vergrößern oder verstehen. Das betrifft besonders Nutzerinnen und Nutzer, die auf Zoom, klare Beschriftungen oder Tastaturbedienung angewiesen sind.

  • Unklare Beschriftung zentraler Navigations- und Aktionsicons

    Mehrere wichtige Symbole und Links sind nicht aussagekräftig beschriftet, etwa das Logo, die Lupe für die Suche und einige Social-Media-Icons im Footer. Auch Sprachschalter und Breadcrumbs sind nicht gut als solche erkennbar.

    Auswirkung: Ich kann nicht sicher erkennen, wofür ein Symbol oder Link da ist. Dadurch suche oder öffne ich Inhalte möglicherweise falsch oder gar nicht.

  • Suchergebnisse und Navigationsbereiche sind für Screenreader schlecht strukturiert

    Die Suchergebnisse sind nicht als Liste ausgezeichnet, Untermenüpunkte werden beim linearen Lesen mit ausgegeben und die Breadcrumb-Navigation ist nicht klar als Navigation erkennbar. Dadurch ist die Seitenstruktur schwer verständlich.

    Auswirkung: Ich kann mich in den Inhalten schlechter orientieren und relevante Treffer langsamer finden. Bei längeren Seiten verliere ich leichter den Überblick darüber, wo ich mich gerade befinde.

  • Videos sind nur eingeschränkt nutzbar

    Die Videos auf der Startseite bieten nur automatisch generierte Untertitel, keine gute inhaltliche Alternative und keine Audiodeskription. Dadurch fehlen wichtige Zugänge zu visuellen und gesprochenen Informationen.

    Auswirkung: Wenn ich gehörlos oder schwerhörig bin, verstehe ich die Inhalte möglicherweise nur teilweise. Wenn ich blind bin, bekomme ich wesentliche visuelle Informationen aus den Videos nicht mit.

  • Bewegte Inhalte im Footer lassen sich nicht pausieren

    Der Slider im Footer startet automatisch und bietet keine Möglichkeit zum Anhalten oder Beenden. Dadurch bleibt ein bewegtes Element dauerhaft aktiv.

    Auswirkung: Ich werde beim Lesen oder Konzentrieren ständig abgelenkt. Für mich kann das besonders störend sein, wenn ich empfindlich auf Bewegung reagiere oder langsam arbeite.

  • Sprachwechsel im Inhalt ist für Screenreader nicht sauber ausgezeichnet

    Englische Texte und Elemente werden auf der Startseite ausgegeben, ohne dass der Sprachwechsel auf Quellcodeebene ausgezeichnet ist. Dadurch kann die Sprachausgabe falsch klingen oder Wörter falsch lesen.

    Auswirkung: Ich verstehe einzelne Begriffe oder Abschnitte schlechter, wenn die Vorlesestimme nicht korrekt wechselt. Das stört besonders beim Erfassen von Fachbegriffen und Überschriften.

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.drfz.de Web-Angebot öffnen
  • https://www.drfz.de/?s=Schmerzen
  • https://www.drfz.de/kontakt/
  • https://www.drfz.de/aktuelles/news/genetischer-schalter-fuer-immunantworten-gegen-viren-entdeckt/
  • https://www.drfz.de/wp-content/uploads/Informationsfaltblatt_Kerndokumentation.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Inhaltsseite: Die Grafik im Bereich "Gen-Schalter" und das Portrait-Bild "Prof. Dr. Max Löhning" haben keine aussagekräftigen alt-Texte. * Alle Seiten: Das Logo im Header hat keine aussagekräftige Beschriftung (die dem Logotext entspricht). * Alle Seiten: Das Lupe-Icon im Header hat keine aussagekräftige Beschriftung. * Alle Seiten: Die Logos und die Socialmedia-Icons im Footer besitzen zum Teil keine bzw. keine aussagekräftigen alt-Texte.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Hinweise: * Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. * Alle Seiten: Die Funktion der Sprachschalter DE und EN ist durch die fehlende Beschriftung nicht gut erkennbar. * Alle Seiten (außer Startseite): Die Breadcrumb-Navigation ist durch die fehlende Beschriftung nicht gut als solcher erkennbar. * Alle Seiten (außer Formularseite): Auf den Seiten werden Überschriftenebenen übersprungen. * Alle Seiten: Im Header ist der Link zur Sprachumschaltung (DE oder EN) als Liste mit einem Element ausgezeichnet. * Formularseite: Die Checkbox ist nicht als <fieldset> mit <legend> "DSGVO-Einverständnis *" ausgezeichnet. * Suchseite, Formularseite, Inhaltsseite: Mehrere Textelemente sind nicht mit <p> Tags ausgezeichnet. * Alle Seiten: Im Hochkontrastmodus hat das Eingabefeld zur Newsletter Anmeldung (im Footer) keinen sichtbaren Rahmen. * Alle Seiten: Im Hochkontrastmodus sind einige Logos im Footer nicht mehr gut sichtbar. * Alle Seiten: Im Cookie-Banner sind einige Elemente (z.B. Optionswahlschalter für Statistiken), im Hochkontrastmodus, nicht mehr als solche erkennbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Formularseite: Nach dem "Senden"-Button wird das nicht sichtbare Eingabefeld "Alternative:" vom Screenreader ausgegeben. * Alle Seiten: Im Hauptmenü werden auch alle Untermenüpunkte, beim linearen Lesen des Screenreaders, mit 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.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden * Startseite: Einige Elemente (z.B. Teaser-Texte, Text "Zahl des Monats ...") haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Suchseite: Mehrere Elemente wie z.B. die Texte der Suchergebnisse, Texte der Breadcrumb-Navigation oder das markierte Suchwort, haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. * Suchseite: Die Textfarbe im Sucheingabefeld und der Platzhaltertext "Hier bitte Ihren Suchbegriff eingeben" haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden * Alle Seiten: In den geöffneten Unternavigationen der Hauptnavigation werden mehrere Unternavigationspunkte außerhalb des sichtbaren Bereichs angezeigt.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden * Inhaltsseite: Im Inhaltsbereich können die Inhalte der Schriftgrafik "Genetischer Schalter für Immunantworten gegen Viren entdeckt" nicht an die individuellen Bedürfnisse angepasst werden.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden * Startseite: Bei 400% Vergrößerung (Querformat) werden die Haupt- und Unternavigationspunkte teilweise außerhalb des sichtbaren Bereichs angezeigt. * Alle Seiten (außer Startseite): Im Bereich "DRFZ NewsFlash abonnieren" sind die Elemente nicht responsive umgesetzt. * Inhaltsseite: Bei einer 400% Vergrößerung (Querformat) wird die Bildvergrößerung "Genetischer Schalter für Immunantworten gegen Viren entdeckt" teilweise durch den Text überlagert.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden * Suchseite: Die farbliche Hervorhebung der Suchbegriffe (in den Texten der Suchergebnisse) hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe der Seite. * Formularseite, Inhaltsseite: Das "E-Mail"-Icon ("Seite teilen") hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. * Alle Seiten: Mehrere Elemente im Cookie-Layer (Rahmen der Checkboxen, Optionswahlschalter) haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden * Alle Seiten: In der Hauptnavigation wird der "EN"-Sprachumschalter teilweise außerhalb des sichtbaren Bereichs angezeigt.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden * Alle Seiten: Im Hauptmenü können die bei Mouseover und bei Erhalt des Tastaturfokus eingeblendeten Untermenüs nicht geschlossen werden, ohne den Mauszeiger bzw. den Tastaturfokus zu bewegen (z. B. durch Drücken der Escape-Taste).
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden * Alle Seiten: Die Unternavigationspunkte sind mit der Tastatur nicht korrekt bedienbar (es wird nur ein kleiner Teil der jeweiligen Unternavigation angezeigt).
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden * Startseite: Beim Slider (in Footer) wird kein Button zum Beenden oder Pausieren der Slider Animation angeboten.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Auf den Seiten werden keine Skip-Links zur Verfügung gestellt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Nach dem Link "Alle Neuigkeiten" folgt ein nicht sichtbarer Tabschritt. * Startseite: Nach dem Teaser "Wie kommt es zu chronischen Entzündungen?" folgt ein nicht sichtbarer Tabschritt. * Startseite: Innerhalb der geöffneten Video-Layer ("Das DRFZ" und "Wie kommt es zu chronischen Entzündungen?") befinden sich jeweils zwei nicht sichtbare Tabschritte. * Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche an den Anfang der Seite und nicht z. B. auf den ersten Suchergebniseintrag gesetzt. * Formularseite: Nach dem "Senden"-Button folgt ein nicht sichtbarer Tabschritt. * Inhaltsseite: Im Layer der Grafikvergrößerung befinden sich zwei nicht sichtbare Tabschritte. * Alle Seiten: Die Untermenüs der Hauptnavigation werden automatisch geöffnet und müssen durchlaufen werden. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite erreicht.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Inhaltsseite: Der Link zur Vergrößerung der Grafik wird vom Screenreader nur als "Link anklickbar Grafik" ausgegeben.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Startseite: Der Fokus ist auf den beiden Teasern "Das DRFZ" und "Wie kommt es zu chronischen Entzündungen?" zum Öffnen der Videos nicht sichtbar. * Formularseite: Der Fokus ist auf der Checkbox "DSGVO-Einverständnis" und auf den Socialmedia-Links ("Seite teilen") nicht sichtbar. * Formularseite, Inhaltsseite: Der Fokus ist auf den Socialmedia-Links ("Seite teilen") nicht sichtbar. * Inhaltsseite: Der Fokus ist auf der verlinkten Grafik im Inhaltsbereich nicht sichtbar. * Inhaltsseite: Der Fokus ist auf dem "Schließen"-Button der Grafikvergrößerung nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden * Startseite: Auf der Seite werden einige Texte und Elemente ("Forschung am DRFZ", "From INNATE to ADAPTIVE Immunity") mit englischen Beschriftungen ausgegeben. Der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet.
WCAG 3.3.2
Label enthalten Eingabehinweise 		nicht bestanden * Suchseite: Das Sucheingabefeld besitzt kein Label/Beschriftung. * Alle Seiten: Das Eingabefeld im Bereich "DRFZ NewsFlash abonnieren" besitzt kein Label/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 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		im Wesentlichen bestanden * Startseite: Bei den beiden Videos (Bereich "Forschung am DRFZ") werden nur automatisch generierte Untertitel angeboten.
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		im Wesentlichen bestanden * Startseite: Bei den beiden Videos (Bereich "Forschung am DRFZ") wird keine Alternative bereitgestellt.
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		im Wesentlichen bestanden * Startseite: Die beiden Videos (Bereich "Forschung am DRFZ") haben keine Audiodeskription.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		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 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.2
Titel beschreiben Thema oder Zweck 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		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