Staatliches Gutachten zur digitalen Barrierefreiheit

longcovid-info

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere A-Kriterien zu Struktur, Name/Rolle/Wert, Tastaturzugänglichkeit und Alternativtexten sind nicht erfüllt, wodurch Screenreader-Nutzung deutlich erschwert wird.

Sehbehinderung Kaum nutzbar

Fehlende Kontraste, Probleme bei 400%-Vergrößerung, schwer erkennbare Bedienelemente und nicht steuerbare Hover-Menüs schränken sehbehinderte Nutzer stark ein.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Inhalte sind weitgehend mit Untertiteln und Alternativen versehen, nur das fehlende Gebärdensprachvideo reduziert die Nutzbarkeit etwas.

Motorische Behinderung Mit Hindernissen nutzbar

Wichtige Inhalte (Slider, Untermenüs) sind per Tastatur nicht erreichbar und der Fokus ist teils unsichtbar, was motorisch eingeschränkte Nutzer deutlich behindert.

Lernbehinderung Mit Hindernissen nutzbar

Grundstruktur, Fehlermeldungen und leichte Sprache helfen, aber komplexe Slider, unlogische Fokusreihenfolge und nicht ausblendbare Menüs erschweren die Nutzung.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Kontrolle über eingeblendete Menüs, Slider-Probleme und Struktur-/Fokusfehler können Konzentration und Orientierung beeinträchtigen, obwohl es keine starken Zeit- oder Animationszwänge gibt.

Dokumentierte Barrieren

  • Wichtige Navigationsbereiche nicht per Tastatur erreichbar

    Einige zentrale Bereiche, vor allem die Untermenüs der Hauptnavigation und die Slider-Bedienelemente, lassen sich nicht vollständig mit der Tastatur bedienen. Damit sind sie für Tastatur-Nutzende nur eingeschränkt oder gar nicht erreichbar.

    Auswirkung: Ich kann Inhalte nicht auswählen oder Unterseiten nicht öffnen, wenn ich ohne Maus arbeite. Das blockiert für mich zentrale Wege durch die Website.

  • Bedienelemente bei hoher Vergrößerung schwer nutzbar

    Bei 400 Prozent Vergrößerung werden Suchbegriff, Suche, Hauptmenü und ein Sprung-zum-Anfang-Element teilweise verdeckt oder schwer erkennbar. Der sichtbare Bereich ist an manchen Stellen zu klein, um bequem zu arbeiten.

    Auswirkung: Ich kann Inhalte und Bedienelemente nicht mehr gut überblicken und verliere beim Lesen oder Suchen den Zusammenhang. Das macht die Seite für mich bei starker Vergrößerung deutlich anstrengender und fehleranfälliger.

  • Fokus ist an entscheidenden Stellen unsichtbar

    Beim Navigieren mit der Tastatur ist der aktuelle Fokus auf einigen Elementen nicht sichtbar hervorgehoben. Zusätzlich wird der Fokus per CSS teilweise komplett ausgeblendet.

    Auswirkung: Ich weiß nicht, wo ich mich gerade auf der Seite befinde. Dadurch kann ich Links oder Schaltflächen leicht übersehen oder versehentlich falsch bedienen.

  • Wichtige Grafiken ohne brauchbaren Alternativtext

    Einige Informationen werden als Grafik gezeigt, aber nicht ausreichend beschrieben. Dadurch fehlen Nutzenden die Inhalte, wenn Bilder nicht wahrgenommen werden können.

    Auswirkung: Ich kann die dargestellte Information nicht erfassen und verstehe den Inhalt der Seite nur teilweise. Wenn die Grafik zentrale Hinweise enthält, entgeht mir eine wichtige Orientierungshilfe.

  • Wichtige Hinweise nur über Grafik vermittelt

    Einige Inhalte werden hauptsächlich über eine Grafik vermittelt, ohne dass in direkter Nähe eine gut verständliche Textalternative vorhanden ist. Zusätzlich ist die verlinkte PDF-Alternative selbst nicht barrierefrei genug.

    Auswirkung: Ich bekomme die eigentliche Information nicht zuverlässig mit, wenn ich Bilder nicht auswerten kann. Auch der Ausweg über das PDF hilft mir nicht sicher weiter.

  • Fokusreihenfolge passt nicht zur sichtbaren Bedienung

    Die Reihenfolge, in der per Tastatur fokussiert wird, folgt nicht immer der sichtbaren Anordnung. Teilweise landen Fokus und Inhalte im Hintergrund oder bei logisch späteren Elementen zuerst.

    Auswirkung: Ich muss unnötig suchen und die Seite fühlt sich sprunghaft an. Das macht die Bedienung schwerer und erhöht die Gefahr, etwas zu übersehen.

  • Sichtbare Status- und Kontrollinformationen fehlen für Hilfstechnologien

    Einige wichtige Zustände, etwa aktive Navigation oder Slider-Status, werden für Screenreader nicht zuverlässig vermittelt. Auch Untermenüs sind nicht als auf- oder zuklappbar erkennbar.

    Auswirkung: Ich bekomme nicht sicher mit, was gerade aktiv ist oder ob sich ein Bereich geöffnet hat. Dadurch verliere ich Orientierung und kann Bedienvorgänge nicht gut kontrollieren.

  • Unklare Struktur von Listen und Fehlermeldungen

    Mehrere Inhalte sind nicht so aufgebaut, dass Hilfstechnologien ihre Struktur zuverlässig erkennen können. Dazu gehören Suchergebnisse und Fehlermeldungen mit unpassender Listenstruktur sowie visuelle Trennelemente, die technisch nicht sauber ausgezeichnet sind.

    Auswirkung: Ich kann Zusammenhänge schlechter erfassen und verliere schneller den Überblick, besonders in Suchergebnissen oder beim Ausfüllen von Formularen. Fehlermeldungen sind für mich dann schwerer zuzuordnen.

  • Zu geringer Textkontrast

    Einzelne Texte haben zu wenig Kontrast zum Hintergrund, zum Beispiel in der Hauptnavigation. Dadurch sind sie schwer lesbar, besonders für sehbehinderte Menschen.

    Auswirkung: Ich muss mich stark anstrengen, um Texte sicher zu lesen. Wichtige Navigationspunkte oder Überschriften kann ich dadurch leichter übersehen.

  • Formular- und Kontroll-Elemente mit zu wenig Kontrast

    Einige Eingabefelder und nicht aktivierte Checkboxen sind zu blass dargestellt. Dadurch sind sie kaum von der Umgebung zu unterscheiden.

    Auswirkung: Ich erkenne nicht sofort, wo ich klicken oder tippen muss. Das erhöht die Wahrscheinlichkeit, dass ich Felder übersehe oder ein Formular falsch ausfülle.

  • Hover-Menüs lassen sich nicht einfach schließen

    Untermenüs öffnen sich beim Darüberfahren mit der Maus, bleiben aber ohne einfache Schließmöglichkeit eingeblendet. Das kann die Bedienung anderer Inhalte stören.

    Auswirkung: Ich werde beim Arbeiten ausgebremst, weil sich Menüs im Weg befinden und nicht kontrolliert verschwinden. Das macht die Navigation unruhig und fehleranfällig.

  • Kontrastschwache und nicht erkennbare Bedienelemente bei höheren Anforderungen

    Einige grafische Bedienelemente übernehmen Kontrastanpassungen nicht korrekt und sind dadurch schwer zu unterscheiden. Auch Logo- und Navigationsgrafiken bleiben in kontrastreichen Ansichten teils schwer erkennbar.

    Auswirkung: Ich kann Schaltflächen und Bereiche schwer erkennen und treffe Bedienelemente unsicherer. Das verlangsamt die Nutzung und erschwert die Orientierung.

  • Navigation über Farbe allein erkennbar

    Der aktive Bereich in der rechten Seitennavigation wird nur farblich hervorgehoben. Diese Kennzeichnung ist für viele Nutzende, insbesondere bei Kontrastanpassung, nicht zuverlässig wahrnehmbar.

    Auswirkung: Ich erkenne nicht sicher, wo ich mich in der Navigation befinde. Das erschwert das Finden passender Inhalte und die Orientierung auf der Seite.

  • Texte in Kacheln werden bei größerem Text abgeschnitten

    Wenn Nutzende größere Textabstände eingestellt haben, werden Teile einiger Kacheltexte nicht mehr vollständig angezeigt. Damit geht Inhalt verloren.

    Auswirkung: Ich kann dann nicht mehr alles lesen und verstehe Karten oder Teaser nur noch teilweise. Das erschwert mir das schnelle Erfassen von Informationen.

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 112.0.5615.138 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2022.4.
  • https://www.longcovid-info.de/ Web-Angebot öffnen
  • https://www.longcovid-info.de/
  • https://www.longcovid-info.de/barriere-melden/
  • https://www.longcovid-info.de/betroffene-und-angehoerige/welche-reha-angebote-gibt-es-bei-long-covid/
  • https://www.longcovid-info.de/download/6283-1667916864-BZgA_Merkblatt-LongCOVID.pdf/

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Inhaltsseite: Einige informationstragende Grafiken haben keinen aussagekräftigen Alternativtext, wie z. B. die informationstragende Grafik "Was ist die richtige Anlaufstelle für eine Reha?".
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Suchseite: Die Liste der Suchergebnisse wird nicht als programmatisch wahrnehmbare Liste ausgezeichnet. Formularseite: Die Fehlermeldungen zu fehlerhaften Formularelementen befinden sich in einer Liste mit nur einem Eintrag. Startseite, Inhaltsseite: Größere Layoutgrafiken mit starkem Blendeffekt werden bei einer Kontrastanpassung nicht ausgeblendet. Alle Seiten: Der Link zur Seite "Leichte Sprache" befindet sich in einer Liste mit nur einem Eintrag; Einige Inhalte sind bei einer Kontrastanpassung nur schwer erkennbar, wie z. B. die Logo-Grafik des Webauftritts, da diese einen transparenten Hintergrund besitzt; Einige grafische Bedienelemente übernehmen nicht die Einstellungen der Kontrastanpassung, wie z. B. das Bedienelement der Suche; Eingeblendete Inhalte und Seitenbereiche sind aufgrund fehlender Rahmenlinien nur schwer unterscheidbar; Es werden teilweise <hr>-Elemente zur visuellen Gestaltung verwendet, die nicht für assistive Technologien ausgeblendet werden, wie z. B. zur Unterstreichung der Hauptüberschrift.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Suchseite: Die im Hintergrund des modalen Dialogs (Suche) liegenden Inhalte der Seite können beim linearen Lesen mit dem Screenreader wahrgenommen werden. Formularseite: Beim linearen Lesen mit dem Screenreader können einzelne visuell ausgeblendete Inhalte wahrgenommen werden, wie z. B. das visuell ausgeblendete Eingabefeld "Diese Feld nicht ausfüllen!" am Ende des Formulars.
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		nicht bestanden Inhaltsseite: Wichtige Informationen werden teilweise durch eine Grafik dargestellt, die nicht mit einem aussagekräftigen Alternativtext beschriftet ist (leeres alt-Attribut). Zudem wird in unmittelbarer Nähe der Grafik nicht auf die herunterladbare PDF-Alternative verwiesen. Hinweis: Die verlinkte PDF-Alternative ist nicht PDF/UA-konform.
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		nicht bestanden Inhaltsseite: Die Position in der rechten Seitennavigation wird nur durch das Merkmal Farbe (:before-Pseudoelement mit CSS background-color) hervorgehoben. Diese ist weder programmatisch noch bei einer Kontrastanpassung wahrnehmbar.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Alle Seiten: Einzelne Texte erfüllen nicht den geforderten Minimalkontrast von 4,5:1 für kleinen Text bzw. 3:1 für großen Text, z. B. die Überschriften im Untermenü der Hauptnavigation mit grau auf hellgrau (4,3:1).
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Suchseite: Der eingegebene Suchbegriff im Suchfeld wird bei einer hohen Vergrößerung von 400% nur noch teilweise dargestellt. Zudem ist der scrollbare Bereich in dem die Suchergebnisse dargestellt werden sehr klein. Alle Seiten: Bei einer hohen Vergrößerung von 400% sind die Bedienelemente der Suche (Lupen-Icon) und des Hauptmenüs (Burger-Icon) aufgrund der im Hintergrund liegenden Logo-Grafik nur schwer zu erkennen; Das grafische Bedienelement, mit dem zum Anfang der Seite gesprungen werden kann, verdeckt einige Inhalte beim scrollen nach oben.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Formularseite: Einzelne Nicht-Text-Inhalte erfüllen nicht den geforderten Minimalkontrast von 3:1, wie z. B. leere Eingabefelder und nicht gecheckte Checkboxen mit hellgrau zu weiß (1,1:1).
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden Startseite: Der Text in einigen Kacheln der Slider werden bei angepassten Textabständen nicht mehr vollständig dargestellt.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Die beim Überfahren mit der Maus eingeblendeten Untermenüs der Hauptnavigation können nicht ohne Unterbrechung der Arbeitsaufgabe geschlossen werden, wie z. B. durch Betätigen der Esc-Taste.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Die Bedienelemente der Slider können nicht mit der Tastatur erreicht werden. Alle Seiten: Die Untermenüs der Navigationspunkte im Hauptmenü können nicht mit der Tastatur erreicht werden. Diese werden nur beim Überfahren mit der Maus eingeblendet.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Die mit aria-label="der Carousel-Navigation" beschrifteten nicht interaktiven <div>-Elemente, in denen sich die Bedienelemente der Slider befinden, sind mit tabindex="0" ausgezeichnet und erhält deshalb den Fokus. Suchseite: Das Eingabefeld der Suche und die Suchergebnisse erhalten direkt nach dem Link "Leichte Sprache" und den beiden Logo-Grafiken den Fokus, danach werden erst die Navigationspunkte der Hauptnavigation fokussiert; Die im Hintergrund des modalen Dialogs der Suche liegenden interaktiven Elemente der Seite können mit der Tastatur erreicht werden. Inhaltsseite: Die rechte Seitennavigation mit Sprungmarken zu bestimmten Abschnitten des Hauptinhalts erhält erst nach dem Hauptinhalt den Fokus. Alle Seiten: Die Logo-Grafik des BZgA (rechts) erhält vor der Logo-Grafik des Webauftritts (links) den Fokus, dies entspricht nicht der visuell logischen Arbeitsreihenfolge.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Suchseite: Der Fokus ist auf dem Link "weitere Ergebnisse anzeigen" nicht sichtbar hervorgehoben. Zudem wird der Systemfokus mit CSS (outline: none;) ausgeblendet.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Die Sprache der nur programmatisch wahrnehmbaren Statusmeldung der Slider (z. B. "1 to 4 of 14") weicht von der angegebenen Anwendungssprache ab und wird teilweise unverständlich vom Screenreader ausgegeben.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Alle Seiten: Das HTML der Seite enthält WCAG-relevante Syntaxfehler.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Die nur teilweise oder nicht im sichtbaren Bereich der Slider liegenden Elemente können ohne Verwendung der Bedienelemente des Sliders mit der Tastatur erreicht werden (<a>-Elemente mit href). Jedoch wird für diese Elemente weder Name, Rolle oder Wert vom Screenreader ausgegeben, da diese mit aria-hidden="true" für assistive Technologien ausgeblendet werden. Inhaltsseite: Die Hervorhebung des aktiven Navigationspunkt in der Hauptnavigation ist programmatisch nicht mit dem Screenreader wahrnehmbar. Alle Seiten: Die Navigationspunkte der Hauptnavigation mit Untermenü werden nicht als Menü-Schalter ausgezeichnet. Zudem ist der eingeblendete bzw. ausgeblendete Zustand der Untermenüs nicht programmatisch wahrnehmbar ausgezeichnet.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –

Bestanden

Kriterium Status Notizen
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden –
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		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.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		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.2
Label enthalten Eingabehinweise 		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.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		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.

Jetzt via Steady unterstützen