Deutsches Rheuma-Forschungszentrum Berlin

Website nicht konform Prüfung vom 09.07.2025 ID: #1050
Gesundheit öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
BFIT Bund
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik (Deutsche Rentenversicherung Knappschaft-Bahn-See)
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

  • OS: Windows 11
  • Browser: Chrome Version 138.0.7204.98 (Offizieller Build) (64-Bit)
  • Screenreader: NVDA 2024
  • Auflösung:
  • Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
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. 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. Melden
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. 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. Ich kann Menüs, Akkordeons oder Kategorien leichter übersehen oder falsch bedienen. Das macht die Navigation deutlich mühsamer und fehleranfälliger. Melden

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • https://www.drfz.de/
  • https://www.drfz.de/?s=Wissenschaft
  • https://www.drfz.de/spenden/
  • https://www.drfz.de/forschungsprojekte/

Empfehlung & Status

Verbessern Sie primär die semantische Auszeichnung (Alt-Texte, ARIA, Überschriftenhierarchie, Navigationsbereiche), die Tastatur- und Fokussteuerung (Menüs, Slider, Formulare, Cookie-Dialog), die Farben und Kontraste sowie die fehlenden Informationen in Deutscher Gebärdensprache, Leichter Sprache und der Barrierefreiheitserklärung.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.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“.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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()).
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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