Staatliches Gutachten zur digitalen Barrierefreiheit

gesundheitsforschung-bmbf.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere kritische Probleme mit Tastaturbedienung, Fokusreihenfolge, Überschriftenstruktur und fehlender Audiodeskription erschweren Screenreader-Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Mängel bei Reflow, Fokus-Sichtbarkeit, Tastaturfallen und Karussell-Steuerung beeinträchtigen Nutzung mit Vergrößerung und Screenreader stark.

Hörbehinderung Kaum nutzbar

Fehlende Untertitel für Videos und keine Inhalte in Deutscher Gebärdensprache schränken den Zugang zu audiovisuellen Kerninhalten deutlich ein.

Motorische Behinderung Kaum nutzbar

Unvollständige Tastaturbedienung, Fokusfallen und nicht erreichbare Bereiche im Tab-Fokus stellen für reine Tastatur- und Schalternutzende große Hürden dar.

Lernbehinderung Mit Hindernissen nutzbar

Fehlerhafte Fokusführung, Pop-ups und Karussellbewegung können überfordern, aber die Inhalte sind grundsätzlich lesbar und strukturell noch zugänglich.

Neurodivergenz Mit Hindernissen nutzbar

Unruhige Elemente, mangelnde Kontrolle über Pop-ups und Karussell sowie unklare Fehlermeldungen können ablenken, verhindern die Nutzung jedoch nicht vollständig.

Dokumentierte Barrieren

  • Tastaturfalle bei Menü und Suche

    Bei 200 Prozent Zoom können Menü und Suchfeld Tastaturnutzende einsperren, wenn kein Ausweg per Escape, Tab oder Schließen-Button vorhanden ist. Die Bedienoberfläche wirkt dann wie eine Falle.

    Auswirkung: Ich komme dann nicht mehr sauber aus dem geöffneten Bereich heraus und kann die Seite nicht normal weiter bedienen. Das kann die Nutzung zentraler Navigation massiv behindern.

  • Untermenüs lassen sich nicht zuverlässig schließen

    Geöffnete Untermenüs können per Tastatur nicht kontrolliert geschlossen werden und ihr Zustand ist nicht sauber gekennzeichnet. Hover- oder Fokusinhalte bleiben dadurch potenziell hängen.

    Auswirkung: Ich kann in der Navigation feststecken oder werde von eingeblendeten Inhalten behindert. Das erschwert mir das Weiterkommen mit Tastatur deutlich.

  • Bereiche bleiben per Tastatur unerreichbar

    Die Bereiche „Aktuelle Meldungen / Archiv“ und das Footer-Menü sind nicht zuverlässig in der Tab-Reihenfolge enthalten. Offenbar werden interaktive Inhalte zeitweise ausgeblendet oder aus dem Fokus genommen.

    Auswirkung: Ich kann wichtige Inhalte und Navigationsziele am Seitenende nicht sicher per Tastatur erreichen. Dadurch bleiben mir möglicherweise ganze Inhaltsbereiche verborgen.

  • Ausgeblendete Links bleiben im Fokus

    Links aus dem eingeklappten Menü werden nicht aus der Tab-Reihenfolge entfernt. Sie können daher angewählt werden, obwohl sie unsichtbar sind.

    Auswirkung: Ich tabbe auf unsichtbare Ziele und verliere die Orientierung. Im schlimmsten Fall scheint die Seite auf Eingaben nicht sinnvoll zu reagieren.

  • Layout bricht bei Vergrößerung um

    Bei schmalen Ansichten oder starker Vergrößerung können Logo, Menü und Suche sich überlagern. Die Seite passt sich dann nicht sauber in eine einspaltige Ansicht an.

    Auswirkung: Wenn ich stark zoome, muss ich mich durch überlappende Inhalte kämpfen. Wichtige Bedienelemente können verdeckt oder schwer erreichbar sein.

  • Videos ohne Untertitel

    Ein eingebettetes Video hat keine synchronisierten Untertitel. Gesprochene Inhalte und relevante Geräusche sind damit nicht zuverlässig zugänglich.

    Auswirkung: Wenn ich nicht hören kann oder den Ton nicht nutzen möchte, entgeht mir der Inhalt des Videos. Wichtige Informationen aus dem Video sind für mich dann nicht verständlich.

  • Fehlende Audiodeskription zum Video

    Für das Video fehlt eine Audiodeskription oder eine vollständige Textalternative. Visuelle Informationen werden dadurch nicht ausreichend vermittelt.

    Auswirkung: Wenn ich blind bin oder schlecht sehe, kann ich wichtige visuelle Inhalte des Videos nicht erfassen. Dadurch verliere ich möglicherweise zentrale Informationen.

  • Popup stört den Fokusablauf

    Ein Popup erscheint offenbar ohne sinnvollen Fokus und überdeckt Inhalte wiederholt auf Seiten. Die Fokusreihenfolge ist dadurch nicht stabil.

    Auswirkung: Ich werde beim Navigieren unterbrochen und muss mich immer wieder neu orientieren. Das kann das Lesen und Bedienen der Seite stark verlangsamen.

  • Inhalte in Deutscher Gebärdensprache fehlen

    Es fehlen gut sichtbare Links zu Inhalten in Deutscher Gebärdensprache für wesentliche Seiteninhalte und Hinweise. Damit bleibt ein wichtiger Zugangsweg unberücksichtigt.

    Auswirkung: Wenn ich auf Deutsche Gebärdensprache angewiesen bin, kann ich zentrale Informationen nicht angemessen nutzen. Besonders Orientierung und wichtige Hinweise sind dann schwer zugänglich.

  • Untermenüs nicht erkennbar

    Menüpunkte mit Untermenüs sind weder ausreichend sichtbar noch programmatisch als aufklappbar gekennzeichnet. Zusätzliche Navigationsebenen sind dadurch schwer zu erkennen.

    Auswirkung: Ich weiß nicht sicher, welche Menüpunkte weitere Inhalte öffnen. Dadurch kann ich Navigationsebenen übersehen oder unnötig lange suchen.

  • Logo per Tastatur nicht erreichbar

    Das Logo ist nicht als fokussierbares Element in die Tab-Reihenfolge eingebunden. Damit fehlt eine erwartbare Tastaturinteraktion im Kopfbereich.

    Auswirkung: Wenn ich nur mit der Tastatur arbeite, kann ich das Logo und den dahinterliegenden Link nicht ansteuern. Das ist besonders störend für den schnellen Weg zur Startseite.

  • Karussell nicht schnell genug stoppbar

    Der Pause-Button des Karussells liegt zu weit hinten in der Fokusreihenfolge. Bewegte Inhalte lassen sich deshalb nicht sofort anhalten.

    Auswirkung: Wenn mich die Bewegung ablenkt oder ich empfindlich auf Bewegung reagiere, komme ich nicht schnell genug zum Stopp. Das kann die Nutzung unangenehm oder schwerer machen.

  • Fokus am Newsletter-Button unsichtbar

    Für den Newsletter-Button fehlt ein deutlich sichtbarer Fokusindikator. Tastaturbedienung ist damit kaum erkennbar.

    Auswirkung: Ich sehe nicht zuverlässig, welches Element gerade aktiv ist. Dadurch kann ich mich bei der Bedienung vertippen oder den falschen Button auslösen.

  • Unklare Überschriftenhierarchie

    Die Überschriftenstruktur folgt nicht sauber einer logischen Reihenfolge. Für assistive Technologien ist die inhaltliche Gliederung dadurch schwer nachvollziehbar.

    Auswirkung: Ich kann Inhalte nicht gut über Überschriften erschließen und springe schlechter durch die Seite. Das kostet mich Zeit und erschwert das Verstehen längerer Inhalte.

  • Aktiver Menüpunkt nur über Farbe erkennbar

    Der aktuelle Menüpunkt wird nicht zusätzlich durch ein Symbol, eine Unterstreichung oder eine programmatische Markierung hervorgehoben. Die Zustandsinformation hängt damit zu stark an der Farbe.

    Auswirkung: Wenn ich Farben schlecht unterscheide, erkenne ich nicht zuverlässig, wo ich mich gerade befinde. Das macht die Seitennavigation unsicherer.

  • Unklare Fehlermeldung im Newsletter-Formular

    Wenn im Newsletter-Formular ein Fehler auftritt, gibt es keine hilfreichen Hinweise zur Korrektur. Das betroffene Eingabefeld wird dadurch nicht verständlich erklärt.

    Auswirkung: Ich weiß nicht, was ich falsch eingegeben habe und wie ich den Fehler beheben kann. Das erschwert oder verhindert das Absenden des Formulars.

  • Logo nicht eindeutig beschriftet

    Das Logo ist für Screenreader nicht mit dem aktuellen vollständigen Organisationsnamen oder dem Linkzweck versehen. Dadurch wird ein zentrales Orientierungselement im Kopfbereich nicht korrekt angesagt.

    Auswirkung: Ich erkenne nicht sicher, wo ich bin oder wohin der Link führt. Das erschwert mir die Orientierung auf der Seite, besonders beim schnellen Navigieren mit einem Screenreader.

  • Video nicht identifizierbar für Screenreader

    Das eingebettete Video beziehungsweise iframe hat keinen beschreibenden Titel oder ein passendes aria-label. Der Inhalt ist für Screenreader dadurch nicht eindeutig erkennbar.

    Auswirkung: Ich kann nicht einschätzen, was sich hinter dem eingebetteten Medium verbirgt. Das macht die Nutzung von Videoinhalten umständlich und unübersichtlich.

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 138.0.7204.50
Screenreader
NVDA
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), Bookmarklets (bitvtest Werkzeugliste)
  • www.gesundheitsforschung-bmbf.de Web-Angebot öffnen
  • https://www.gesundheitsforschung-bmftr.de/aktuelle-meldungen-5367.php
  • https://www.gesundheitsforschung-bmftr.de/de/newsletter-abonnieren-5955.php
  • https://www.gesundheitsforschung-bmftr.de/de/difuture-multiple-sklerose-patientendaten-nutzen-therapien-optimieren-17344.php
  • https://www.gesundheitsforschung-bmftr.de/de/suche.php?q=gesundheit&search-submit=Suchen

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Das aria-label des Logos muss den aktuellen, vollständigen Namen der Organisation wiedergeben und gegebenenfalls den Zweck des Links beschreiben, sodass Screenreader-Nutzende korrekte Informationen erhalten.
WCAG 1.2.2
Untertitel (aufgezeichnet) 		nicht bestanden Das eingebettete Video benötigt synchronisierte, zugängliche Untertitel, die alle gesprochenen und relevanten nicht-sprachlichen Inhalte enthalten und über schaltbare Steuerungen aktiviert werden können.
WCAG 1.2.3
Audiodeskription oder Medienalternative (aufgezeichnet) 		nicht bestanden Bereitstellen einer Audiodeskription oder einer vollständigen Textalternative, um für blinde oder sehbehinderte Nutzende die visuellen Inhalte des Videos zu beschreiben.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Markieren Sie Menüelemente mit Untermenüs visuell (z. B. Pfeilsymbol) sowie programmatisch (aria-haspopup, aria-expanded), damit zusätzliche Navigationsebenen erkennbar sind.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Korrigieren Sie die Überschriftenstruktur, sodass jede Ebene nur um eine Stufe steigt, und gewährleisten Sie so eine nachvollziehbare Hierarchie für assistive Technologien.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Heben Sie den aktiven Menüpunkt neben Farbe auch durch ein Symbol, eine Unterstreichung und programmatische Kennzeichnung (z. B. aria-current="page") hervor.
WCAG 1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Stellen Sie sicher, dass im einspaltigen Layout Logos, Menü und Suche bei schmalen Ansichten responsiv positioniert sind, um Überlagerungen zu vermeiden.
WCAG 1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		nicht bestanden Ermöglichen Sie das kontrollierte Schließen geöffneter Untermenüs via Tastatur (ESC, erneutes Aktivieren oder Verlassen) und kennzeichnen Sie den Zustand über aria-expanded/aria-hidden.
WCAG 2.1.1
Tastatur 		nicht bestanden Binden Sie das Logo als fokussierbares Element ein (z. B. Link mit Alternativtext) und fügen Sie es in die Tab-Reihenfolge ein, damit es per Tastatur erreichbar ist.
WCAG 2.1.1
Tastatur 		nicht bestanden Verhindern Sie, dass bei 200 % Zoom Menü und Suchfeld Tastaturnutzende einsperren, z. B. durch Escape- oder Tab-Möglichkeiten sowie einen gut sichtbaren Schließen-Button.
WCAG 2.1.1
Tastatur 		nicht bestanden Binden Sie die Bereiche „Aktuelle Meldungen / Archiv“ und das Footer-Menü in die Tab-Reihenfolge ein, indem keine interaktiven Inhalte ausgeblendet oder per aria-hidden entfernt werden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Sorgen Sie dafür, dass das Pop-up bei erstmaligem Erscheinen sofort den Tastaturfokus erhält und nicht auf jeder Seite erneut die gleichen Inhalte überdeckt.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Positionieren Sie den Pause-Button des Karussells so weit vorn in der Fokusreihenfolge, damit Nutzende die Bewegung sofort stoppen können.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Entfernen Sie ausgeblendete Links des eingeklappten Menüs aus der Fokusreihenfolge (z. B. tabindex="-1" oder display:none), bis sie sichtbar sind.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Fügen Sie einen deutlich sichtbaren, kontrastreichen Fokusindikator für den Newsletter-Button hinzu, damit Tastaturnutzende erkennen, welches Element aktiv ist.
WCAG 3.3.3
Vorschlag bei Fehler 		nicht bestanden Ergänzen Sie die Fehlermeldung im Newsletter-Formular um konkrete Hinweise zur Korrektur (z. B. Format name@domain.de).
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Versehen Sie das eingebettete Video inkl. iframe mit einem beschreibenden title-Attribut oder aria-label, damit Screenreader-Nutzende den Inhalt identifizieren können.
Zusatzkriterien: Deutsche Gebärdensprache
Informationen zu den wesentlichen Inhalten (Deutscher Gebärdensprache) 		nicht bestanden Stellen Sie gut sichtbare Links zu Inhalten in Deutscher Gebärdensprache bereit, die wesentliche Inhalte, Navigation, Barrierefreiheitserklärung und weiterführende Hinweise abdecken und ggf. untertitelt sind.

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