Staatliches Gutachten zur digitalen Barrierefreiheit

Deutsches Rheuma-Forschungszentrum Berlin

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere Screenreader-relevante Probleme (fehlende Alternativtexte, fehlerhafte Semantik, unklare Namen/Rollen, Tastatur- und Fokusprobleme) schränken die Nutzung stark ein, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Mangelnde Kontraste, Text auf bewegten Hintergründen und unzureichende visuelle Hervorhebungen erschweren Lesen und Orientierung deutlich, lassen aber grundlegende Nutzung noch zu.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende Gebärdensprachinhalte beeinträchtigen insbesondere rechtlich geforderte Kerninformationen, während restliche Inhalte für lautsprachkompetente Gehörlose meist nutzbar bleiben.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich tastaturbedienbar, aber zahlreiche Probleme bei Menüs, Slidern, Fokusreihenfolge und Formularen erschweren eine verlässliche Nutzung erheblich.

Lernbehinderung Kaum nutzbar

Fehlende Inhalte in Leichter Sprache, komplexe Navigation, dynamische Elemente ohne klare Rückmeldung und unklare Fehlermeldungen erschweren das Verstehen und Bedienen stark.

Neurodivergenz Mit Hindernissen nutzbar

Automatisch laufende Hintergrundvideos, irreführende Fokusreihenfolgen und unklare Struktur können stark ablenken, ermöglichen aber mit Aufwand noch eine Nutzung.

Dokumentierte Barrieren

  • Fokus und Tastaturbedienung sind an mehreren Stellen gestört

    Der Fokus verhält sich bei einigen Elementen unerwartet, etwa im Cookie-Dialog, im Footer nach dem Scrollen, bei geschlossenen Menüs oder in Formularen. Nicht sichtbare oder schwer erreichbare Inhalte bleiben teilweise im Fokusfluss.

    Auswirkung: Ich verliere beim Tabben die Orientierung oder lande auf Elementen, die ich gar nicht sehen kann. Dadurch wird die Bedienung mit Tastatur unzuverlässig und anstrengend.

  • Sprach- und Hilfsangebote fehlen komplett

    Es fehlen Angebote in Deutscher Gebärdensprache und in Leichter Sprache sowie die Barrierefreiheitserklärung. Damit sind zentrale Zusatzinformationen nicht in den gesetzlich vorgesehenen Formaten verfügbar.

    Auswirkung: Wenn ich auf diese Darstellungsformen angewiesen bin, kann ich wesentliche Informationen nicht angemessen verstehen. Besonders die fehlende Barrierefreiheitserklärung erschwert mir, meine Rechte und Kontaktwege nachzuvollziehen.

  • Menüs und Ausklapper sind semantisch unklar

    Mehrere Navigations- und Ausklappbereiche sind nicht korrekt ausgezeichnet. Dadurch ist für Screenreader und Tastaturbedienung nicht immer erkennbar, was geöffnet ist und was zusammengehört.

    Auswirkung: Ich kann Menüs, Akkordeons oder Kategorien leichter übersehen oder falsch bedienen. Das macht die Navigation deutlich mühsamer und fehleranfälliger.

  • Formulare und Suche sind schwer verlässlich nutzbar

    Pflichtfelder, Fehlermeldungen und Suchfelder sind nicht ausreichend eindeutig gestaltet. Bei Fehlern bekomme ich zu wenig Hilfe und der Fokus wird nicht sauber zur Problemstelle geführt.

    Auswirkung: Ich weiß nicht immer, was ich eingeben muss oder was genau falsch war. Dadurch breche ich Formulare eher ab oder sende sie mehrfach fehlerhaft ab.

  • Wichtige Inhalte sind farblich allein oder zu schwach hervorgehoben

    Einige Informationen sind nur über Farbe unterscheidbar oder haben zu wenig Kontrast. Das betrifft unter anderem Überschriften, Footer-Links, Formularbeschriftungen und Inhalte auf bewegtem Hintergrund.

    Auswirkung: Ich kann Texte und Bedienelemente schlechter lesen oder gar nicht als interaktiv erkennen. Bei eingeschränktem Sehvermögen oder bei Ablenkung durch Bewegung verliere ich schnell den Überblick.

  • Bilder ohne ausreichende Alternativen

    Mehrere Bilder und Logos sind nicht oder nur unzureichend beschrieben. Dadurch fehlen mir wichtige Informationen, wenn ich Bilder nicht sehen kann.

    Auswirkung: Ich kann Inhalte, Aussagen oder Funktionen hinter den Bildern nicht sicher erfassen. Besonders bei Logos und Inhaltsbildern verliere ich Orientierung und Kontext.

  • Automatisch laufende Videos lenken ab

    Im Hintergrund starten Videos automatisch und es fehlen gut nutzbare Stopp- oder Pausetasten. Dadurch kann sich bewegter Inhalt über andere Inhalte legen oder sie überdecken.

    Auswirkung: Ich kann mich schlechter auf den eigentlichen Inhalt konzentrieren und werde möglicherweise beim Lesen oder Bedienen gestört. Für mich fühlt sich die Seite unruhig und schwer kontrollierbar an.

  • Überschriften- und Seitenstruktur ist lückenhaft

    Einzelne Seiten haben keine klare Hauptüberschrift und der Footer ist semantisch schwach ausgezeichnet. Dadurch fehlt mir ein verlässlicher Einstieg in die Struktur der Seite.

    Auswirkung: Ich muss mich mehr über Umwege orientieren und kann Inhalte schlechter hierarchisch erfassen. Das kostet Zeit und erhöht die Wahrscheinlichkeit, wichtige Bereiche zu übersehen.

  • Externe Links und Seitennavigation sind nicht eindeutig beschriftet

    Einige Links und Paginierungsbuttons sagen nicht klar genug, wohin sie führen oder was sie tun. Das betrifft vor allem externe Links im Footer und die Seitennavigation in Ergebnislisten.

    Auswirkung: Ich muss Links erst ausprobieren, um ihr Ziel zu verstehen. Das macht das Surfen langsamer und erhöht das Risiko, ungewollt die Seite zu verlassen.

  • Spracheinstellungen nicht eindeutig erkennbar

    Die Sprachumschaltung ist für Hilfstechnologien nicht klar gekennzeichnet. Ich kann dadurch schwer erkennen, welche Sprache ich auswähle oder wie ich zur anderen Sprachversion wechsle.

    Auswirkung: Ich brauche länger, um die passende Sprachversion zu finden, oder ich wähle versehentlich die falsche. Das erschwert insbesondere den Zugang zu fremdsprachigen Inhalten.

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
Browser
Chrome Version 138.0.7204.98 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
  • https://www.drfz.de/ Web-Angebot öffnen
  • https://www.drfz.de/?s=Wissenschaft
  • https://www.drfz.de/spenden/
  • https://www.drfz.de/forschungsprojekte/

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt – Alternativtext nicht ausreichend aussagekräftig 		nicht bestanden Ersetzen Sie den bestehenden Alternativtext durch eine präzisere Beschreibung des Bildinhalts, z. B. „Gruppenfoto von rund 40 Personen beim Event ‚Lange Nacht der Wissenschaften 2025‘ vor dem Gebäude des DRFZ“.
WCAG 1.1.1
Nicht-Text-Inhalt – Bild im Bereich ‚Forschung und Rheuma‘ ohne Alternative 		nicht bestanden Ergänzen Sie ein sinnvolles Alternativtext-Attribut, z. B. „Ärztin untersucht Patientin mit Stethoskop. Darstellung aus dem Bereich Rheumaforschung“, um den visuellen Informationsgehalt zugänglich zu machen.
WCAG 1.1.1
Nicht-Text-Inhalt – Logo DRFZ als Link zur Startseite 		nicht bestanden Beschreiben Sie sowohl die Funktion als Link als auch das grafische Motiv, z. B. aria-label=„Logo des Deutschen Rheuma-Forschungszentrums Berlin, Link zur Startseite“ oder ein <title>-Element im SVG.
WCAG 1.1.1
Nicht-Text-Inhalt – Logo der Leibniz-Gemeinschaft unzureichend beschrieben 		nicht bestanden Ersetzen Sie die URL im aria-label durch eine inhaltliche Beschreibung wie „Logo der Leibniz-Gemeinschaft, externer Link“ und nutzen Sie gegebenenfalls aria-labelledby oder ein <title>-Element.
WCAG 1.3.1
Info und Beziehungen – Sprachumschaltung nicht gekennzeichnet 		nicht bestanden Kennzeichnen Sie das Sprachwahl-Element durch ein beschreibendes aria-label und versehen Sie die einzelnen Sprachlinks mit aria-labels wie „Zur englischen Version“, damit Assistive Technologien die Funktion erkennen.
WCAG 1.3.1
Info und Beziehungen – Seminar-Slider (role="tab") 		nicht bestanden Entfernen Sie die unpassende role="tab"-Zuweisung oder implementieren Sie ein komplettes ARIA-Tabpanelschema mit role="tab" und role="tabpanel" sowie getrennten Steuer- und Inhaltsbereichen.
WCAG 1.3.1
Info und Beziehungen – Semantische Struktur einzelner Kategorien 		nicht bestanden Verzichten Sie auf Listenelemente mit nur einem Eintrag und nutzen Sie statt dessen einfache Text- oder Inline-Elemente, ggf. mit aria-label="Kategorie: Für Patient:innen", um unnötige Hierarchien zu vermeiden.
WCAG 1.3.1
Info und Beziehungen – Ausklappliste ohne ARIA 		nicht bestanden Ergänzen Sie aria-expanded- und aria-controls-Attribute auf den Schaltern, um eine korrekte Verbindung zu den Inhaltsbereichen herzustellen, und folgen Sie dem WAI-ARIA Accordion-Muster.
WCAG 1.3.1
Info und Beziehungen – Footer-Überschriften ohne semantische Auszeichnung 		nicht bestanden Nutzen Sie strukturierte Überschriftenelemente (z. B. <h3>), damit Screenreader das Layout als Abschnittsüberschrift erkennen können.
WCAG 1.3.1
Info und Beziehungen – Footermenü ohne Navigationsauszeichnung 		nicht bestanden Fassen Sie das Footermenü in ein <nav>-Element mit beschreibendem aria-label wie „Fußbereich Navigation“ ein, damit assistive Technologien die Metanavigation erkennen.
WCAG 1.3.1
Info und Beziehungen – Paginierung ohne Beschreibung 		nicht bestanden Versehen Sie den Paginierungsbereich mit aria-label="Seitennavigation" und ergänzen Sie die Links um aria-labels wie „Zur Seite 2“, damit die Steuerfunktion und Linkzwecke klar sind.
WCAG 1.3.1
Info und Beziehungen – Inhaltsseite ohne h1 		nicht bestanden Fügen Sie am Beginn der Inhaltsseite eine klare <h1>-Überschrift ein, um den strukturellen Einstiegspunkt für alle Nutzenden bereitzustellen.
WCAG 1.3.1
Info und Beziehungen – Sucheingabefeld verschiebt sich nach Ausführung 		nicht bestanden Stellen Sie sicher, dass die Position des Sucheingabefelds nach Klick unverändert bleibt, um Tastaturnutzer:innen nicht zu desorientieren.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge – Cookie-Dialog am Ende des DOM 		nicht bestanden Platzieren Sie den Dialog direkt nach <body>, ergänzen Sie role="dialog" und aria-modal="true" und setzen Sie den Fokus beim Laden auf ein zentrales Bedienelement.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge – Fokus bleibt im Footer nach Scroll 		nicht bestanden Setzen Sie nach dem Scrollen per ‚nach oben‘-Schalter den Fokus programmgesteuert auf den Seitenanfang (z. B. erstes Hauptnavigations-Element oder main mit tabindex="-1" und focus()).
WCAG 1.4.1
Benutzung von Farbe – visuelle Überschriften differieren nur durch Farbe 		nicht bestanden Ergänzen Sie weitere visuelle Hervorhebungen wie stärkeren Schriftschnitt, größere Schrift oder zusätzliche Abstände, damit die Struktur unabhängig von Farbe erkennbar bleibt.
WCAG 1.4.1
Benutzung von Farbe – Link im Footer visuell nicht erkennbar 		nicht bestanden Fügen Sie eine zusätzliche visuelle Markierung wie Unterstreichung oder Linksymbol hinzu, um die Interaktivität unabhängig von Farbe klarzumachen.
WCAG 1.4.3
Kontrast – Text auf bewegtem Hintergrund 		nicht bestanden Überarbeiten Sie den Kontrast auf allen Einzelbildern durch Overlays, einfarbige Hintergründe oder alternative Platzierung, damit der Text lesbar bleibt.
WCAG 1.4.3
Kontrast – Geschlossene Ausklappmenüs 		nicht bestanden Stellen Sie einen Kontrast von mindestens 3:1 sicher, z. B. durch dunklere Schriftfarbe oder helleren Hintergrund, um die Lesbarkeit auch bei großer Schrift zu gewährleisten.
WCAG 1.4.3
Kontrast – Footer-Überschriften 		nicht bestanden Erhöhen Sie den Farbkontrast der über „Forschung“, „Über uns“ etc. dargestellten Begriffe auf mindestens 4,5:1 durch dunklere Textfarbe oder Änderung des Hintergrundes.
WCAG 1.4.3
Kontrast – Beschriftungen im Spendenformular 		nicht bestanden Sorgen Sie für mindestens 4,5:1 Kontrast zwischen Formularbeschriftungen und Hintergrund, indem Sie Schriftfarbe oder Hintergrund anpassen.
WCAG 1.4.5
Bilder von Text – Text überdeckt Schriftgrafik im Slider 		nicht bestanden Vermeiden Sie überlagernde Texte auf beschrifteten Bildern, stellen Sie alle Informationen maschinenlesbar bereit und sorgen Sie für genügend Abstand und Kontrast.
WCAG 1.4.11
Nicht-Text-Kontrast – Sucheingabefeld 		nicht bestanden Geben Sie dem Feld einen ausreichend kontrastierenden Rahmen oder Hintergrund mit mindestens 3:1, damit der Eingabebereich vom Umfeld deutlich abgehoben ist.
WCAG 2.1.1
Tastatur – Ausklappbare Hauptmenüeinträge nicht mit Screenreader bedienbar 		nicht bestanden Nutzen Sie semantische Schalterelemente mit den erforderlichen Rollen und Zustandsattributen, damit die Aktivierung über Screenreader-typische Interaktionen zuverlässig funktioniert.
WCAG 2.1.1
Tastatur – Prozentwerte mit Zusatzinformationen nicht per Tastatur erreichbar 		nicht bestanden Machen Sie die Zusatztexte bei Tastaturfokus sichtbar, z. B. durch tabindex="0" und eine Fokus-gesteuerte Einblendung oder durch permanente Sichtbarkeit.
WCAG 2.2.2
Pausieren, stoppen, ausblenden – Hintergrundvideos automatisch laufend 		nicht bestanden Stellen Sie bedienbare Steuerungselemente (Pause, Stop, Ausblenden) für automatisch startende Videos bereit und machen Sie sie über Tastatur zugänglich; entfernen Sie Videos, wenn sie rein dekorativ sind.
WCAG 2.4.3
Fokus-Reihenfolge – Geschlossenes Inhaltsverzeichnis bleibt fokussierbar 		nicht bestanden Entfernen Sie die Schaltflächen aus dem Fokusfluss, solange das Menü geschlossen ist (z. B. via inert/hidden/aria-hidden="true" und tabindex="-1"), und aktivieren Sie sie erst wieder bei Sichtbarkeit.
WCAG 2.4.3
Fokus-Reihenfolge – Nicht sichtbare Slider-Inhalte fokussierbar 		nicht bestanden Stellen Sie sicher, dass nur sichtbare Slider-Elemente fokussierbar sind, z. B. durch aria-hidden="true" und tabindex="-1" auf ausgeblendeten Elementen oder vollständiges Entfernen aus dem DOM.
WCAG 2.4.3
Fokus-Reihenfolge – Fokus springt bei Formularfehlern nicht zur Fehlerstelle 		nicht bestanden Setzen Sie nach Absenden eines fehlerhaften Formulars den Fokus automatisch auf das erste Feld mit Fehlermeldung, z. B. über element.focus() und eine semantisch korrekte Fehlermeldung.
WCAG 2.4.4
Linkzweck – Externe Links im Footer nicht gekennzeichnet 		nicht bestanden Kennzeichnen Sie externe Links visuell und programmatisch (aria-labels, Titel) mit Hinweis wie „externer Link“, damit der Kontextwechsel erkennbar ist.
WCAG 2.4.6
Überschriften und Beschriftungen – Paginierungsbuttons nicht verständlich 		nicht bestanden Nutzen Sie deutschsprachige Beschriftungen wie „Vorherige Seite“/„Nächste Seite“ und ergänzen Sie inaktive Zustände mit aria-disabled=„true“, um Zweck und Status klar zu machen.
WCAG 3.1.2
Sprache von Teilen – Publikationen ohne lang-Attribute 		nicht bestanden Markieren Sie englischsprachige Titel und Inhalte mit lang="en", z. B. <h3 lang="en">…, damit Screenreader Sprachwechsel korrekt aussprechen.
WCAG 3.3.2
Beschriftungen/Anweisungen – Pflichtfelder nicht ausreichend gekennzeichnet 		nicht bestanden Erklären Sie das Asterisk-Symbol oberhalb des Formulars oder im Label (z. B. „E-Mail-Adresse (Pflichtfeld)“) und nutzen Sie aria-required="true" zur programmatischen Kennzeichnung.
WCAG 3.3.3
Vorschlag bei Fehler – Fehlermeldung für ungültige E-Mail nicht konkret 		nicht bestanden Ergänzen Sie die Meldung um einen konkreten Korrekturhinweis wie „Bitte geben Sie eine gültige E-Mail-Adresse im Format name@domain.de ein“, um die Eingabe zu klären.
WCAG 4.1.2
Name, Rolle, Wert – Inhaltsnavigation-Schalter unklar beschriftet 		nicht bestanden Verwenden Sie eindeutige, deutschsprachige Beschriftungen wie „Inhaltsverzeichnis öffnen“ und ergänzen Sie aria-expanded, das bei Interaktion dynamisch aktualisiert wird.
WCAG 4.1.2
Name, Rolle, Wert – Menüschalter ohne Zustände 		nicht bestanden Ergänzen Sie aria-expanded und aria-controls auf jedem Menüschalter, versehen Sie die Untermenüs mit role="menu" und deren Items mit role="menuitem", entsprechend dem WAI-ARIA-Menu-Button-Muster.
WCAG 4.1.2
Name, Rolle, Wert – ‚Nach oben‘-Schalter unklare Beschriftung 		nicht bestanden Nutzen Sie ein sprechendes aria-label wie „Seitenanfang“ oder „Nach oben springen“, um Funktion und Sprache konsistent zu machen.
Zusatzkriterien Deutsche Gebärdensprache – Link
Einem Link auf enthaltene Inhalte in Deutscher Gebärdensprache 		nicht bestanden Die im Dokument geforderten Inhalte der Deutschen Gebärdensprache (Link, Erläuterungen, Hinweise zur Navigation) sind nicht vorhanden. Stellen Sie entsprechende Links und Beschreibungen bereit.
Zusatzkriterien Deutsche Gebärdensprache – Inhalte
Informationen zu den wesentlichen Inhalten (Deutscher Gebärdensprache) 		nicht bestanden Die Informationsangebote in Deutscher Gebärdensprache fehlen vollständig. Ergänzen Sie die Informationen gemäß den Anforderungen.
Zusatzkriterien Deutsche Gebärdensprache – Navigation
Hinweise zur Navigation (Deutscher Gebärdensprache) 		nicht bestanden Stellen Sie Hinweise zur Navigation in Deutscher Gebärdensprache bereit, damit die Seite entsprechend barrierefrei nutzbar wird.
Zusatzkriterien Deutsche Gebärdensprache – Erklärung
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Deutscher Gebärdensprache) 		nicht bestanden Die Erläuterung der Barrierefreiheit ist in Deutscher Gebärdensprache nicht verfügbar. Ergänzen Sie sie entsprechend.
Zusatzkriterien Deutsche Gebärdensprache – Hinweise
Hinweise auf weitere vorhandene Informationen in Deutscher Gebärdensprache 		nicht bestanden Verweisen Sie auf weitere vorhandene Informationen in Deutscher Gebärdensprache, die derzeit nicht ausgewiesen sind.
Zusatzkriterien Leichte Sprache – Link
Einem Link auf enthaltene Inhalte in Leichter Sprache 		nicht bestanden Die geforderte Leichte Sprache ist aktuell nicht vorhanden. Stellen Sie einen Link zu entsprechenden Inhalten bereit.
Zusatzkriterien Leichte Sprache – Inhalte
Informationen zu den wesentlichen Inhalten (Leichter Sprache) 		nicht bestanden Liefern Sie die wesentlichen Informationen auch in Leichter Sprache, da diese Option derzeit nicht existiert.
Zusatzkriterien Leichte Sprache – Navigation
Hinweise zur Navigation (Leichter Sprache) 		nicht bestanden Ergänzen Sie Navigationshilfen in Leichter Sprache, um die geforderte Unterstützung bereitzustellen.
Zusatzkriterien Leichte Sprache – Erklärung
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit (Leichter Sprache) 		nicht bestanden Stellen Sie die Barrierefreiheitserklärung auch in Leichter Sprache dar, da diese Darstellung aktuell fehlt.
Zusatzkriterien Leichte Sprache – Hinweise
Hinweise auf weitere vorhandene Informationen in Leichter Sprache 		nicht bestanden Fügen Sie Hinweise auf weitere vorhandene Informationen in Leichter Sprache hinzu, um die Anforderungen zu erfüllen.
Zusatzkriterien Barrierefreiheitserklärung – vorhanden
Barrierefreiheitserklärung vorhanden 		nicht bestanden Die geforderte Barrierefreiheitserklärung fehlt derzeit komplett. Erstellen und veröffentlichen Sie eine Erklärung gemäß den Vorgaben.
Zusatzkriterien Barrierefreiheitserklärung – formal geprüft
Barrierefreiheitserklärung formal geprüft 		nicht bestanden Da keine Erklärung vorliegt, kann auch keine formale Prüfung nachgewiesen werden. Ergänzen Sie die Erklärung und dokumentieren Sie die formale Prüfung.

Möglicherweise verwandte Prüfungen

reha-klinik-berlin.de

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 02.04.2025

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