Staatliches Gutachten zur digitalen Barrierefreiheit

www.fluter.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale Screenreader-Probleme (Alternativtexte, Struktur, Lesereihenfolge, Fokusreihenfolge, unpräzise Labels, fehlende Skiplinks) erschweren die Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Unzureichende Textkontraste, Probleme bei Vergrößerung, responsives Layout mit Überlagerungen und fehlende sichtbare Fokusindikatoren schränken die Nutzung für sehbehinderte Menschen stark ein.

Hörbehinderung Mit Hindernissen nutzbar

Untertitel für Videos sind vorhanden, aber fehlende Gebärdensprachinformationen und nicht barrierefreie PDF-Inhalte mindern die Nutzbarkeit.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienbarkeit ist weitgehend gegeben, doch nicht erreichbare Slider-Steuerung und fehlende sichtbare Fokusanzeige behindern Menschen mit motorischen Einschränkungen.

Lernbehinderung Mit Hindernissen nutzbar

Korrekte Sprache und konsistente Navigation helfen, aber unklare Linktexte, komplexe Teaserbereiche und unvollständige Inhalte in Leichter Sprache begrenzen die Verständlichkeit.

Neurodivergenz Mit Hindernissen nutzbar

Fehlendes Blitzen, konsistente Navigation und steuerbare Animationen sind positiv, doch unklare Fokusreihenfolge, wenig aussagekräftige Links und fehlende Leichte-Sprache-Angebote können die Orientierung erschweren.

Veränderung

Aktuell angezeigt
15 gefundene Barrieren +5 zur vorherigen Prüfung
7,2/10 Ø Schwere +0,1 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Slider auf der Startseite nicht per Tastatur bedienbar

    Die Steuerung der Slider auf der Startseite ist nicht vollständig per Tastatur erreichbar. Damit fehlen zentrale Bedienelemente für Nutzer ohne Maus.

    Auswirkung: Ich kann den Slider nicht zuverlässig steuern oder stoppen. Inhalte, die nur dort sichtbar sind, sind für mich dann schwer oder gar nicht erreichbar.

  • Tastaturfokus ist nicht sichtbar

    Beim Navigieren mit der Tastatur ist der Fokus auf mehreren Links und Buttons nicht ausreichend erkennbar. Betroffen sind unter anderem Suche-Button, Socialmedia-Icons und bestimmte Inhaltslinks.

    Auswirkung: Ich kann nicht sicher sehen, wo ich mich gerade auf der Seite befinde. Dadurch besteht die Gefahr, dass ich mich in der Bedienung verliere.

  • Struktur und Überschriften sind für Screenreader unzuverlässig

    Überschriften, Listen und Formularfelder sind auf mehreren Seitentypen nicht sauber ausgezeichnet. Dadurch ist die logische Struktur der Seiten nicht verlässlich erkennbar.

    Auswirkung: Ich kann Inhalte schwer nach Themen überblicken und Formulare oder Bereiche nicht schnell finden. Die Orientierung auf der Seite wird dadurch deutlich erschwert.

  • Bedienelemente überlagern sich bei Vergrößerung

    Bei vergrößerter Darstellung werden bestimmte Steuerelemente, etwa im Video-Player, von anderen Elementen überdeckt. Auch im Header kann das Logo mit dem Play-Link kollidieren.

    Auswirkung: Wenn ich stark vergrößere, kann ich einzelne Buttons nicht mehr sicher sehen oder anklicken. Dadurch wird die Nutzung bei Seheinschränkung schnell sehr mühsam.

  • Fokus springt unzuverlässig und enthält Leerschritte

    Nach Aktionen kann der Tastaturfokus unerwartet an den Seitenanfang springen oder durch unnötige Zwischenstationen laufen. Auch doppelte Verlinkungen und leere Tabstopps sind vorhanden.

    Auswirkung: Ich verliere während der Bedienung leicht die Orientierung. Das macht das Arbeiten mit der Tastatur fehleranfällig und langsam.

  • PDF-Dokument ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF erfüllt die Anforderungen an barrierefreie Dokumente nicht. Struktur, Auszeichnung oder Lesbarkeit sind daher vermutlich unzureichend.

    Auswirkung: Wenn ich auf den PDF-Inhalt angewiesen bin, kann ich ihn nur eingeschränkt oder gar nicht lesen. Das betrifft insbesondere Nutzer mit Screenreader oder anderen Hilfsmitteln.

  • Unklare Bilder und Teaser ohne brauchbare Alternativen

    Mehrere Bilder und Teaser sind nicht so beschrieben, dass ihr Inhalt verständlich wird. Statt hilfreicher Alternativtexte können nur generische oder technische Beschreibungen vorgelesen werden.

    Auswirkung: Ich kann wichtige Inhalte von Bildern und Teasern nicht erfassen. Dadurch verpasse ich womöglich zentrale Informationen oder Artikel-Einstiege.

  • Videos ohne vollständige inhaltliche Alternative

    Für aufgezeichnete Videos fehlt eine alternative Darstellung des Inhalts. Zusätzlich sind keine Audiodeskriptionen vorhanden.

    Auswirkung: Wenn ich Video-Inhalte nicht gut sehen kann, bleibt mir der wesentliche Inhalt teilweise oder ganz verborgen. Besonders visuelle Informationen in Video-Sequenzen gehen dann verloren.

  • Lesereihenfolge passt nicht zur sichtbaren Anordnung

    In mehreren Bereichen folgt die Screenreader-Reihenfolge nicht der visuellen Reihenfolge. Das betrifft unter anderem Slider, Podcast-Bereich, Header-Icons und Cookie-Banner.

    Auswirkung: Ich höre Inhalte in einer verwirrenden Reihenfolge und verstehe Zusammenhänge schlechter. Das kann dazu führen, dass ich Bedienelemente oder Inhalte an der falschen Stelle erwarte.

  • Zu geringer Textkontrast an mehreren Stellen

    Einige Texte und Links haben keinen ausreichend starken Kontrast zum Hintergrund. Betroffen sind unter anderem Bereiche in Artikeln, in Suchergebnissen und in der Paginierung.

    Auswirkung: Ich kann diese Texte schlechter lesen, besonders bei schwächerem Sehvermögen oder ungünstigen Lichtverhältnissen. Dadurch übersehe ich möglicherweise wichtige Navigation oder Inhalte.

  • Linktexte sind teils nicht aussagekräftig

    Mehrere Links sind nur allgemein oder nur als Symbol erkennbar, etwa „mehr“, Paginierungslinks oder Socialmedia-Icons. Der Linkzweck ist ohne zusätzlichen Kontext nicht klar.

    Auswirkung: Ich weiß oft nicht, wohin ein Link führt oder was sich dahinter verbirgt. Dadurch muss ich raten und klicke leichter auf das Falsche.

  • Seiten brechen nicht stabil in einspaltiges Layout um

    Das responsive Verhalten ist nicht durchgängig robust, weil Elemente im schmaleren Layout überlappen können. Dadurch kann der Seitenaufbau auf kleineren Ansichten oder bei Zoom gestört werden.

    Auswirkung: Ich muss mit überlagerten oder abgeschnittenen Elementen umgehen und finde Inhalte schwerer. Das beeinträchtigt besonders die Nutzung auf kleinen Bildschirmen oder mit Vergrößerung.

  • Wichtige Bereiche lassen sich nicht überspringen

    Es fehlen Sprunglinks, mit denen wiederkehrende Bereiche direkt übersprungen werden können. Dadurch muss ich viele gleiche Navigationselemente immer wieder durchlaufen.

    Auswirkung: Ich brauche deutlich länger, um zu den eigentlichen Inhalten zu kommen. Gerade bei häufigem Seitenwechsel ist das sehr anstrengend.

  • Suche-Button ist für Screenreader nicht eindeutig benannt

    Der Suchbutton wird für Screenreader nicht mit seiner Funktion angekündigt, sondern nur als allgemeines Bedienelement. Dadurch ist der Zweck des Buttons nicht klar erkennbar.

    Auswirkung: Ich muss raten, ob ich mit dem Button wirklich die Suche auslöse. Das erschwert besonders die schnelle und sichere Nutzung der Suchfunktion.

  • Barrierefreiheitserklärung und Hilfsangebote sind nicht gut auffindbar

    Die Erklärung zur Barrierefreiheit ist nicht auf allen Seiten zuverlässig erreichbar und die Aktualisierung ist problematisch. Zusätzlich fehlen leichte Sprache und Gebärdensprache als unterstützende Informationen.

    Auswirkung: Ich finde wichtige Hinweise zur Nutzung der Website und zu Unterstützungsangeboten nicht schnell genug. Wenn ich auf Barrieren stoße, fehlen mir passende Orientierungshilfen.

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
Google Chrome Version 116.0.5845.97 (Offizieller Build) (64-Bit)
Screenreader
JAWS 2022
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

25.08.2023 Vereinfachte Überwachung
angezeigtes 20 nicht bestanden 1 weitgehend 29 bestanden
30.09.2022 Vereinfachte Überwachung Gutachten ansehen
20 nicht bestanden 0 weitgehend 34 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
25.08.2023 Vereinfachte Überwachung Nein 20 1 29
30.09.2022 Vereinfachte Überwachung Nein 20 0 34
  • https://www.fluter.de/ Weitere Gutachten vorhanden Web-Angebot öffnen
  • https://www.fluter.de/suche?fulltext=Ukraine&tags=&author=&created=All&buchautor=&filmtitel= Weitere Gutachten vorhanden
  • https://www.fluter.de/kontakt Weitere Gutachten vorhanden
  • https://www.fluter.de/climate-fiction-genre-beispiele Weitere Gutachten vorhanden
  • https://www.fluter.de/gefluechtete-ohne-ukrainischen-pass Weitere Gutachten vorhanden
  • https://www.fluter.de/sites/default/files/magazines/pdf/fluter_no.87_spiele_klein.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Layoutgrafiken als dekorativ kennzeichnen, aussagekräftige Alt‑Texte für Teasergrafiken liefern und verhindern, dass Screenreader generische Beschreibungen wie „weißes nach rechts weisendes Dreieck“ vorlesen.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Für das Video auf der Videoseite keine alternative Darstellung bereitstellen.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Videoseite ohne Audiodeskription auszeichnen.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Überschriftenhierarchie (H1/H3/H2) und Listenstruktur auf Start-, Such-, Inhalts-, Formular- und allen weiteren Seiten korrekt auszeichnen, Eingabefelder beschriften und Hochkontrastinhalt sichtbar machen.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Screenreader-Reihenfolge im Podcastbereich, Slidern, Inhaltsbereich (z. B. Link vor Eisbär-Bild), Header-Icons, Navigations-Layer und Cookie-Banner an visuelle Anordnung anpassen.
Kontrastabstand von Text zu Hintergrund ist ausreichend nicht bestanden Texte im Abschnitt „Streit“ sowie Links oberhalb der Suchergebnisse und in der Paginierung müssen ausreichend hohen Kontrast zum Hintergrund aufweisen.
Schriftgröße kann angepasst werden nicht bestanden Bedienelemente des Video-Players dürfen nicht von Socialmedia-Icons am linken Rand überlagert werden, damit sie vergrößerbar bleiben.
Inhalte brechen in einspaltiges Layout um nicht bestanden Das Logo darf nicht vom Play-Link im Header überlagert werden, damit responsives Verhalten gewährleistet ist.
Tastaturbedienbarkeit ist gegeben nicht bestanden Slider-Steuerelemente auf der Startseite müssen über die Tastatur erreichbar gemacht werden.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Auf allen Seiten Skip-Links bereitstellen, damit wiederkehrende Bereiche direkt übersprungen werden können.
Titel beschreiben Thema oder Zweck nicht bestanden Seitentitel (außer Startseite) müssen vollständige Angaben inklusive Webseitenname enthalten.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Fokus soll nach Aktionen nicht an den Seitenanfang springen, Doppelverlinkungen (z. B. Slider, Suchergebnisse) harmonisieren und leere Tabschritte entfernen.
Linkzweck ist verständlich (im Kontext) nicht bestanden Linkbeschriftungen wie „mehr“, Symbol-Icons der Podcasts, Paginierungslinks und Socialmedia-Links benötigen aussagekräftige Beschriftungen.
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden Bereiche wie „Auch interessant“ dürfen nicht mehrere Links mit langen Beschriftungen plus Grafik definieren; Linktexte müssen Thema klar beschreiben.
Tastaturfokus ist sichtbar nicht bestanden Fokusindikatoren auf Links (z. B. Bereich „Freunde bleiben?“, Suche-Button, Socialmedia-Icons) auf allen Seiten sichtbar darstellen.
Name, Rolle und Wert sind identifizierbar nicht bestanden Suche-Button so beschriften, dass Screenreader nicht nur ‚Schalter‘ ausgeben.
A.1
Erklärung zur Barrierefreiheit (EzB) ist vorhanden
nicht bestanden EzB muss von Startseite und allen Seiten erreichbar sein und Aktualisierungsdatum darf nicht länger als ein Jahr zurückliegen.
A.3
Leichte Sprache ist vorhanden
nicht bestanden Weitere Übersetzungen zur Navigation/Über uns fehlen und direkte Verlinkung von der Startseite fehlt.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Es existiert keine Seite mit Erläuterungen in Gebärdensprache.
B.1
PAC Test ergibt PDF/UA-konform
nicht bestanden PAC-Test zeigt, dass das PDF-Dokument nicht PDF/UA-konform ist.

Im Wesentlichen bestanden

Kriterium Status Notizen
Syntaxspezifikationen sind erfüllt im Wesentlichen bestanden Seiten enthalten Duplicate ID-Syntaxfehler beheben.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Videos besitzen Untertitel bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden

Nicht anwendbar

Kriterium Status
Automatisch abgespielte Audio-Inhalte sind steuerbar nicht anwendbar
Fehlermeldungen sind in Textform vorhanden nicht anwendbar
Label enthalten Eingabehinweise nicht anwendbar
Fehlermeldungen enthalten Korrekturvorschläge nicht anwendbar

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.