Staatliches Gutachten zur digitalen Barrierefreiheit

fluter

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 25.08.2023 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale WCAG-A-Fehler (Alternativtexte, Struktur, Lesereihenfolge, Tastaturbedienbarkeit, Fokus, Name/Rolle/Wert) beeinträchtigen Screenreader-Nutzung erheblich, machen Inhalte aber nicht vollständig unzugänglich.

Sehbehinderung Mit Hindernissen nutzbar

Unzureichende Textkontraste, Probleme bei Vergrößerung und einspaltigem Umbruch sowie teils unsichtbarer Fokus erschweren Nutzung für Sehbehinderte deutlich.

Hörbehinderung Weitgehend zugänglich

Untertitel für Audio sind vorhanden, aber fehlende Gebärdensprachvideos und teils fehlende Video-Alternativen schränken gehörlose Nutzer etwas ein.

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzlich per Tastatur bedienbar und ohne komplexe Zeigergesten, aber wichtige Elemente (Slider, Podcast) sind nicht tastaturzugänglich und der Fokus ist teilweise schlecht sichtbar.

Lernbehinderung Mit Hindernissen nutzbar

Korrekte Sprache, konsistente Navigation und Formulardesign helfen, doch fehlende Leichte Sprache und mehrere Struktur- und Labelprobleme erschweren das Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Es gibt keine problematischen Animationen oder Zeitlimits, aber unklare Fokusreihenfolge, Linktexte und fehlende Leichte Sprache können Orientierung und Reizreduktion beeinträchtigen.

Veränderung

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

Dokumentierte Barrieren

  • Slider und Podcast nicht per Tastatur bedienbar

    Auf der Startseite sind die Bedienelemente des Sliders und des Podcasts nicht mit der Tastatur erreichbar. Damit sind diese Inhalte für Menschen, die ohne Maus navigieren, praktisch nicht nutzbar.

    Auswirkung: Ich kann diese Inhalte nicht auswählen oder bedienen, wenn ich nur die Tastatur nutze. Wichtige Startseiteninhalte bleiben mir dann verborgen oder nur eingeschränkt zugänglich.

  • Inhalte brechen bei Vergrößerung bzw. kleinem Bildschirm fehlerhaft um

    Bei vergrößerter Darstellung oder engem Layout überlagern sich Elemente, etwa das Logo durch den Play-Link oder Bedienelemente im Videoplayer durch Socialmedia-Icons. Außerdem liegen mehrere Navigationspunkte außerhalb des sichtbaren Bereichs.

    Auswirkung: Ich kann wichtige Funktionen überdecken oder muss horizontal suchen, um sie zu finden. Das macht die Bedienung auf kleinen Bildschirmen oder bei Vergrößerung deutlich schwieriger.

  • Fehlende oder unklare Struktur behindert Screenreader-Nutzung

    Überschriftenhierarchien sind mehrfach fehlerhaft, Suchergebnisse sind nicht als Liste ausgezeichnet und das Suchfeld hat keine Beschriftung. Auch mehrere Bereiche und Links sind semantisch falsch aufgebaut.

    Auswirkung: Ich kann Inhalte nicht schnell nach Überschriften, Listen oder Formularfeldern erfassen. Das erschwert mir das Navigieren, Suchen und Verstehen der Seiten deutlich.

  • Fokus ist teilweise nicht sichtbar

    Bei mehreren interaktiven Elementen ist der Tastaturfokus nicht erkennbar, etwa bei Links auf der Startseite, auf der Suchseite und bei Socialmedia-Icons. Damit ist nicht klar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere beim Tabben die Orientierung und weiß nicht, wo ich mich auf der Seite befinde. Das macht die Bedienung langsam und fehleranfällig.

  • Cookie- und Navigationsbereiche werden in falscher Reihenfolge vorgelesen

    Wichtige Bereiche wie das Cookie-Banner oder Navigationsebenen werden vom Screenreader erst am Ende der Seite ausgegeben. Außerdem stimmen die Lesereihenfolgen in mehreren Bereichen nicht mit der sichtbaren Anordnung überein.

    Auswirkung: Ich bekomme Inhalte in einer verwirrenden Reihenfolge vorgelesen und muss mehr suchen. Zustimmungen, Navigation oder Seitenteile sind dadurch schwerer auffindbar und zu bedienen.

  • Video-Inhalte sind nicht ausreichend barrierefrei aufbereitet

    Zu einem Video wird keine Alternative bereitgestellt und eine Audiodeskription fehlt. Dadurch werden wichtige Bildinhalte nicht beschrieben.

    Auswirkung: Wenn ich Inhalte nicht sehen kann, verpasse ich wesentliche Informationen aus dem Video. Ich kann das Video dann nur eingeschränkt oder gar nicht vollständig verstehen.

  • PDF ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Dadurch können Struktur, Lesereihenfolge oder Alternativinformationen in dem Dokument für Assistive Technologien fehlerhaft oder unvollständig sein.

    Auswirkung: Ich kann das PDF möglicherweise nicht verlässlich mit dem Screenreader lesen oder darin navigieren. Wichtige Informationen im Dokument können mir so entgehen.

  • Status von Bedienelementen ist für Screenreader nicht erkennbar

    Bei einigen Steuerelementen wird der Name oder Zustand nicht eindeutig ausgegeben, zum Beispiel bei Slider-Buttons, dem Suche-Button oder dem aufklappbaren Bereich „Suche verfeinern“. So ist nicht klar, was ein Element tut oder ob es geöffnet ist.

    Auswirkung: Ich weiß nicht sicher, welche Funktion ein Element hat oder in welchem Zustand es sich befindet. Dadurch kann ich Bedienelemente falsch einschätzen oder doppelt versuchen.

  • Unklare Linktexte erschweren Zielauswahl

    Mehrere Links haben keine aussagekräftige Beschriftung, zum Beispiel „mehr“, Icon-Links oder die Paginierung mit Symbolen. Dadurch ist oft nicht erkennbar, wohin ein Link führt.

    Auswirkung: Ich muss Links erraten oder einzeln ausprobieren, statt ihr Ziel direkt zu verstehen. Das kostet Zeit und kann dazu führen, dass ich auf der falschen Seite lande.

  • Zu geringer Kontrast erschwert das Lesen

    An einigen Stellen ist der Textkontrast zu schwach, etwa im Bereich „Streit“ auf der Startseite und bei Links oberhalb der Suchergebnisse. Dadurch sind wichtige Texte und Bedienelemente schwer lesbar.

    Auswirkung: Ich muss mich stärker anstrengen, um Inhalte zu erkennen, besonders bei schlechteren Lichtverhältnissen oder mit eingeschränktem Sehvermögen. Manche Texte oder Links übersehe ich leicht.

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 105.0.5195.127
Screenreader
NVDA 2021.3.5
Tools
Google Chrome 105.0.5195.127, NVDA 2021.3.5

Veränderung nach WCAG-Kriterien

25.08.2023 Vereinfachte Überwachung Gutachten ansehen
20 nicht bestanden 1 weitgehend 29 bestanden
30.09.2022 Vereinfachte Überwachung
angezeigtes 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/fluter_risiko_centerfold.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Startseite: Einige Layoutgrafiken sind nicht mit einem leeren alt-Attribut ausgezeichnet; Startseite: In mehreren Bereichen wird die nachfolgende Layoutgrafik als "weißes nach rechts weisendes Dreieck" ausgegeben; Alle Seiten: Bei mehreren Teasergrafiken sind die Alternativtexte nicht aussagekräftig (z. B. Fluter TV, Fotoarbeiten).
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Videoseite: Zu dem Video wird keine Alternative bereitgestellt.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Videoseite: Das Video hat keine Audiodeskription.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Überschriftenhierarchie stimmt nicht, auf H3 folgt H2 (Bereich fluter-Podcast); Startseite: Texte unterhalb der Grafiken im Slider sind als H2 ausgezeichnet; Startseite: Drei Links im fluter-Podcast-Text nicht als Liste; Suchseite: Sucheingabefeld ohne Beschriftung; Suchseite: mehrere Links als Listen mit nur einem Eintrag (Radar, Thema etc.); Suchseite: Überschriftenreihenfolge nicht korrekt (H3 gefolgt von H2); Suchseite: Suchergebnisse nicht als Liste ausgezeichnet; Formularseite: Überschriftenhierarchie fehlerhaft (H3 folgt H1); Inhaltsseite: Hierarchie der Bild-Text-Teaser (z. B. "Mehr zum Thema") falsch; Inhaltsseite: Drei Textelemente unterhalb Hauptüberschrift jeweils als Liste mit einem Eintrag; Alle Seiten: Header-Links und Socialmedia-Links nicht als Listen ausgezeichnet; Alle Seiten: Mehrere H1 Überschriften; Startseite & weitere: Bedienelemente und Icons im Hochkontrastmodus nicht sichtbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Startseite: Ausgabereihenfolge des Screenreaders stimmt im fluter-Podcast-Bereich nicht mit visueller Reihenfolge überein; Startseite: Slider-Inhalte außerhalb des sichtbaren Bereichs werden vom Screenreader ausgegeben; Inhaltsseite: Vor Eisbärenbild wird unsichtbarer Link "klimawandel.jpg" ausgegeben; Alle Seiten: Screenreader-Reihenfolge der drei Icon-Links (rechts oben) stimmt nicht; Alle Seiten: Navigationsebenen am Ende der Seite werden vom Screenreader ausgegeben; Alle Seiten: Cookie-Banner wird erst am Ende der Seite ausgegeben.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Startseite: Im Abschnitt "Streit" ist der Text wegen geringem Kontrast schwer lesbar; Suchseite: Links oberhalb der Suchergebnisse und Paginierung haben zu geringen Kontrast.
Schriftgröße kann angepasst werden nicht bestanden Videoseite: Einige Bedienelemente des Video-Players werden von den drei Socialmedia-Icon am linken Rand überlagert.
Inhalte brechen in einspaltiges Layout um nicht bestanden Alle Seiten: Das "fluter"-Logo wird teilweise durch den "Play"-Link im Header überlagert; Alle Seiten: Mehrere Navigationspunkte im geöffneten Navigationslayer werden außerhalb des sichtbaren Bereichs angezeigt.
Tastaturbedienbarkeit ist gegeben nicht bestanden Startseite: Die Bedienelemente der Slider und des Podcasts sind mit der Tastatur nicht erreichbar.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Es werden keine Skip-Links zur Verfügung gestellt.
Titel beschreiben Thema oder Zweck nicht bestanden Alle Seiten (außer Startseite): Seitentitel unvollständig (Webseitenname fehlt).
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Nicht sichtbare Tabschritte; Ausgeblendete Sliderseiten erhalten Fokus; Fokusreihenfolge im fluter-Podcast-Bereich stimmt nicht mit visueller Reihenfolge überein; Bereich "Was ist da los?": je Eintrag zwei Links mit Tabulator erreichbar; Suchseite: Fokus wird nach Filtern/Suche an Seitenanfang gesetzt; Suchseite: zwei Links pro Suchergebnis mit gleicher Zieladresse; Suchseite: bei Teaserbildern leere Tabschritte; Videoseite: gesamter Video-Player erhält Fokus; Alle Seiten: Fokus nach Menüeröffnung nicht auf erstes Element; Alle Seiten: Fokusreihenfolge der drei Icon-Links stimmt nicht mit visueller Reihenfolge; Alle Seiten: Am Ende 13 nicht sichtbare Tabschritte; Alle Seiten: Cookie-Layer erst am Ende erreichbar.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite: Link "mehr" unter "Streit" nicht aussagekräftig; Startseite: vier Icon-Links des Podcasts ohne aussagekräftige Beschriftung; Suchseite: Paginierungslinks und Navigationselemente (<< <, > >>) ohne aussagekräftige Beschriftung; Alle Seiten: fünf Socialmedia-Links im Footer geben nur URL aus.
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden In Bereichen (z. B. "Auch interessant") werden mehrere Links mit langer Beschriftung ausgegeben, da Themenbezeichnung, Grafik und erläuternder Text zusammen als Linktext definiert sind.
Tastaturfokus ist sichtbar nicht bestanden Startseite: Fokus auf einigen Links (z. B. Bereich "Freunde bleiben?") nicht sichtbar; Suchseite: Fokus auf Suche-Button und verlinkten Überschriften nicht sichtbar; Alle Seiten (außer Startseite): Fokus auf drei Socialmedia-Icons links nicht sichtbar.
Syntaxspezifikationen sind erfüllt nicht bestanden Startseite, Suchseite: Seiten enthalten Syntaxfehler (Duplicate ID).
Name, Rolle und Wert sind identifizierbar nicht bestanden Startseite: Bedienelemente der Slider (< >) und des Podcasts werden vom Screenreader nur als "anklickbar" ausgegeben; Suchseite: Suche-Button wird vom Screenreader nur als "Schalter" ausgegeben; Suchseite: Status des klappbaren Abschnitts "Suche verfeinern" nicht erkennbar (geöffnet/geschlossen).
A.3
Leichte Sprache ist vorhanden
nicht bestanden Entspricht A: nein.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Entspricht A: nein.
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte 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
Automatisch abgespielte Audio-Inhalte sind steuerbar 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
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden Suchseite: Link "Suche verfeinern" zeigt Status des klappbaren Abschnitts nicht an.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden

Möglicherweise verwandte Prüfungen

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.