Staatliches Gutachten zur digitalen Barrierefreiheit

beauftragter-missbrauch.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Zahlreiche Probleme mit Alternativtexten, semantischer Struktur, Navigation, Reflow, Statusmeldungen und ein unzugängliches PDF erschweren Screenreader-Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Fehler bei Zoom, Reflow, Bildern mit Text und mobiler Menüführung beeinträchtigen Nutzung bei Vergrößerung und kleinen Viewports stark.

Hörbehinderung Fast barrierefrei

Es werden keine auditiven Barrieren genannt, und die meisten Probleme betreffen visuelle oder semantische Aspekte.

Motorische Behinderung Mit Hindernissen nutzbar

Nicht bedienbare mobile Menüs, Hover-abhängige Navigation und Fokusprobleme erschweren tastatur- und hilfsmittelbasierte Steuerung erheblich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Überschriften, Sliderbeschriftungen und komplexe Navigation können Orientierung und Verständnis beeinträchtigen, Inhalte sind aber grundsätzlich zugänglich.

Neurodivergenz Mit Hindernissen nutzbar

Automatische Slider, instabile Menüs und unklare Struktur können Fokus und Orientierung stören, ohne die Seite vollständig unbenutzbar zu machen.

Dokumentierte Barrieren

  • Menü im Querformat nicht bedienbar

    Im Querformat wechselt die Seite in eine mobile Menüführung, die zwar fokussierbar ist, sich aber nicht aufklappen lässt. Dadurch bleibt die Navigation in dieser Ansicht faktisch gesperrt.

    Auswirkung: Wenn ich mein Gerät im Querformat nutze, komme ich nicht an die Hauptnavigation. Ich kann die Seite dann nicht sinnvoll weiter bedienen.

  • Navigation bei 200-%-Zoom nicht nutzbar

    Bei starker Vergrößerung erscheint ebenfalls die mobile Menüansicht, die nicht bedienbar ist. Zusätzlich liegen Menüeinträge nur in einem scrollbaren Bereich, was die Erreichbarkeit weiter erschwert.

    Auswirkung: Wenn ich auf Vergrößerung angewiesen bin, kann ich das Menü nicht zuverlässig nutzen. Dadurch verliere ich den Zugang zu wichtigen Seiteninhalten.

  • Inhalte brechen bei schmaler Breite weg

    Bei schmalem Fenster oder kleiner Bildschirmbreite wird das Logo abgeschnitten und ein Akkordeon lässt sich nicht mehr öffnen. Inhalte und Funktionen bleiben so nicht vollständig zugänglich.

    Auswirkung: Wenn ich ein kleines Display oder ein stark vergrößertes Layout nutze, fehlen mir Inhalte oder Bedienelemente funktionieren nicht mehr. Ich kann die Seite dann nur eingeschränkt nutzen.

  • PDF ohne Tags nicht vorlesbar strukturiert

    Das geprüfte PDF ist nicht getaggt und damit nicht nach PDF/UA aufgebaut. Ohne diese Struktur können Lesereihenfolge, Überschriften und Alternativtexte für Hilfstechnologien verloren gehen.

    Auswirkung: Ich kann das PDF möglicherweise nicht sinnvoll mit dem Screenreader erfassen. Inhalte, Reihenfolge und Bedeutung können für mich unklar oder unvollständig bleiben.

  • Telefonnummer im Slider nicht erkennbar

    Die große Startseiten-Grafik im oberen Slider enthält eine wichtige Hotline-Nummer, diese wird aber im Alternativtext nicht genannt. Wer die Seite ohne Sehen nutzt, bekommt die Kontaktinformation dadurch nicht direkt mit.

    Auswirkung: Ich kann die Hotline nicht zuverlässig finden, wenn ich auf Screenreader oder andere Hilfsmittel angewiesen bin. Für mich ist gerade die wichtigste Kontaktinformation dadurch schwer erreichbar.

  • Schriftgrafiken mit wichtigen Informationen

    Auf der Startseite werden Informationen wie Telefonnummern als Schriftgrafiken dargestellt. Diese Inhalte sind für Hilfstechnologien nur unvollständig oder gar nicht erfassbar, wenn die Alternativtexte fehlen oder unzureichend sind.

    Auswirkung: Ich kann wichtige Kontakt- oder Hinweistexte verpassen, obwohl sie auf der Seite sichtbar sind. Für mich wirkt es dann so, als wären diese Informationen nicht vorhanden.

  • Hover-Menü bleibt hängen und schließt nicht zuverlässig

    Das Hauptmenü öffnet sich bei Mouse-over, lässt sich aber nicht per ESC oder erneuten Klick schließen und verschwindet bei Fokuswechsel unerwartet. Dadurch ist die Navigation instabil und schwer kontrollierbar.

    Auswirkung: Ich verliere leicht die Übersicht und kann das Menü nicht zuverlässig schließen oder gezielt bedienen. Das stört mich besonders bei Tastatur- oder Hilfsmittelnutzung.

  • Linkzweck von Slider-Grafiken unklar

    Verlinkte Grafiken im unteren Slider haben Alternativtexte wie „– zum Artikel“, die nicht sagen, wohin der Link führt. Dadurch ist nicht erkennbar, welchen Inhalt ich beim Aktivieren des Links erhalte.

    Auswirkung: Ich muss Links einzeln ausprobieren, statt gezielt einen passenden Inhalt zu wählen. Das macht die Nutzung des Sliders deutlich langsamer und unsicherer.

  • Sliderbeschriftungen unterscheiden sich nicht

    Die Sliderpunkte im oberen Bereich heißen alle gleich („Der Beauftragte“), obwohl sie unterschiedliche Inhalte haben. Dadurch lässt sich nicht erkennen, welcher Punkt welche Informationen öffnet.

    Auswirkung: Ich kann nicht gezielt entscheiden, welchen Slider ich auswähle. Das zwingt mich zum Ausprobieren und kostet Orientierung.

  • Automatische Slider stören die Nutzung

    Die Slider starten automatisch weiter, sobald kurz pausiert wird, und melden Inhalte per aria-live aus. Dadurch werden Inhalte ohne klare Steuerung vorgelesen und können die Orientierung stören.

    Auswirkung: Ich werde beim Lesen oder Navigieren unterbrochen und verliere leichter den Fokus. Das macht die Nutzung anstrengender und unübersichtlicher.

  • Falsche Sprache für englische Seite

    Die englischsprachige Version ist mit dem Sprachcode für Deutsch ausgezeichnet. Screenreader können dadurch die falsche Aussprache verwenden und Inhalte schwerer verständlich machen.

    Auswirkung: Wenn ich die englische Seite nutze, klingt die Ausgabe für mich falsch und schwer verständlich. Das erschwert das sinnvolle Vorlesen deutlich.

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 (Version 1909)
Browser
Firefox (Version 89.0)
Screenreader
NVDA (Version 2020.4)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser (Version 3.1.2), PDF Accessibility Checker 3 (Version 3.0.7.0)
  • www.beauftragter-missbrauch.de Web-Angebot öffnen
  • www.beauftragter-missbrauch.de/schutzkonzepte
  • www.beauftragter-missbrauch.de/kinderschutz

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		nicht bestanden Die verlinkten Grafiken im unteren Slider besitzen alt-Attribute wie “– zum Artikel”, die den Zielort nicht beschreiben; aussagekräftige Alternativen sollten den Linkzweck unmittelbar benennen, damit auch Screenreadernutzer den Inhalt erfassen können.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte 		nicht bestanden Die große Grafik im oberen Slider vermittelt die Hotline-Nummer, wird im Alternativtext aber nicht erwähnt, sodass Screenreadernutzer die Telefonnummer erst auf der Artikelseite finden; der Alternativtext muss alle relevanten Informationen und Kontaktangaben enthalten.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		nicht bestanden Auf Kinderschutz und Schutzkonzepte wird eine versteckte H4-“Es folgt ein Kasten” verwendet, die inhaltlich nicht aussagekräftig ist, und die Breadcrumbs wurden durch falsche Verschachtelung als H5 untergeordnet; die Überschriftenstruktur muss durchgehend logisch gedachten und sichtbaren Ebenen folgen, damit Orientierungssysteme von Screenreadern funktionieren.
4.9.1.3.4
Ausrichtung 		nicht bestanden Im Querformat schaltet die Website auf ein alternatives, mobiles Menü um, das zwar mit der Tastatur fokussierbar, aber nicht aufklappbar ist; Benutzer, die auf Querformat angewiesen sind, können das Menü so nicht bedienen, weshalb die Navigation auch im Querformat vollständig zugänglich sein muss.
4.9.1.4.4
Textgröße ändern 		nicht bestanden Beim 200%-Zoom wird ebenfalls die mobile Menüansicht aktiv, die zwar fokussierbar, aber nicht bedienbar ist, und Menüeinträge werden nur in einem scrollbaren Bereich dargestellt; das Menü muss bei Vergrößerung weiterhin vollständig über die Tastatur nutzbar und ohne Scrollhindernisse erreichbar sein.
4.9.1.4.5
Bilder von Text 		nicht bestanden Schriftgrafiken auf der Startseite enthalten wichtige Informationen (z. B. Telefonnummern), aber die alternativen Texte sind leer oder unzureichend; Schriftgrafiken sollten durch echten Text ersetzt oder mit vollständigen, aussagekräftigen Alternativtexten bedacht werden.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei schmaler Fensterbreite wird das Logo abgeschnitten und ein Akkordeon ist nicht mehr aufklappbar; Inhalte müssen ohne Informationsverlust bei 320 Pixel dargestellt werden und interaktive Elemente unter diesen Bedingungen weiterhin funktionieren.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		nicht bestanden Das Hauptmenü öffnet sich per Mouse-over, lässt sich aber weder per ESC noch durch erneuten Klick schließen und verschwindet unerwartet bei Fokusänderung; ein eingeblendeter Inhalt muss über Tastatur erreichbar, schließbar und stabil bleiben.
4.9.2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Die Sliderbeschriftungen im oberen Bereich bestehen aus identischem Text („Der Beauftragte“) für alle Artikel, sodass Nutzer keine Orientierung erhalten; jeder Sliderpunkt benötigt eindeutig beschreibende Beschriftungen, die den Inhalt klar benennen.
4.9.3.1.1
Sprache der Seite 		nicht bestanden Die englischsprachige Variante der Seite wird mit dem lang-Attribut de statt en ausgezeichnet; lang muss dem tatsächlichen Inhalt entsprechen, damit Screenreader die richtige Aussprache wählen können.
4.9.4.1.1
Syntaxanalyse 		nicht bestanden Die HTML-Quelltexte aller geprüften Seiten weisen Syntaxfehler auf (siehe W3C-Checker), was die Verarbeitung durch Hilfsmittel erschwert; der Code muss valide verschachtelt, ohne doppelte Attribute und mit eindeutigen IDs sein.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Das mobile Menü wird per div/span umgesetzt und enthält ausschließlich ein <a>, sodass assistive Technologien es als Link und nicht als Schaltfläche erkennen; role/aria-expanded und ein zugänglicher Name müssen die Funktion und den Zustand des Bedienelements beschreiben.
4.9.4.1.3
Statusmeldungen 		nicht bestanden Die Slider auf der Startseite starten automatisch ein aria-live="polite", sobald der Nutzer kurz pausiert, und Screenreader lesen ohne Fokusveränderung die Inhalte vor; automatische Statusmeldungen müssen so gestaltet werden, dass sie nicht ohne Steuerung/Verständnis den Fokus verändern oder stören.
4.14
Ergebnisse der Überprüfung von Dokumenten 		nicht bestanden Das untersuchte PDF „BETRIFFT: ALLE“ enthält keine Tags und ist somit nicht PDF/UA-konform; ohne Tags können Leserichtung, Alternativtexte oder das Vorlesen nicht sichergestellt werden – das PDF muss getaggt und strukturiert werden.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.c
Leere alt-Attribute für Layoutgrafiken 		im Wesentlichen bestanden Rein dekorative Schmuckgrafiken verfügen über beschreibende Alternativtexte; hier sollten stattdessen leere alt-Attribute (alt="") verwendet werden, damit Screenreader keine unnötigen Informationen ausgeben.
4.9.1.3.1.d
Inhalte gegliedert 		im Wesentlichen bestanden Zur Hervorhebung bedeutender Texte wird das rein darstellungsbezogene b-Element verwendet, Absätze bestehen aus doppelten Zeilenumbrüchen (br); semantische Elemente wie em/strong und richtige Absatzmarken ermöglichen Screenreadern, die Hervorhebung und Textstruktur korrekt zu vermitteln.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Die wiederholt verwendeten Navigations-Bereiche nutzen identische <nav>-Elemente ohne unterschiedliche Beschriftungen (aria-label), sodass Hilfsmittel die einzelnen Bereiche nicht unterscheiden können; eindeutige Labels helfen dabei, Inhalte überspringbar zu machen.
5.1
Erklärung zur Barrierefreiheit 		im Wesentlichen bestanden Die Erklärung zur Barrierefreiheit existiert, listet aber nicht alle aktuellen Barrieren auf; alle bekannten Mängel sowie Gründe dafür sollten dokumentiert und transparent erläutert werden, um dem Gesetz zu genügen.
5.2
Feedback-Mechanismus (Erklärung zur Barrierefreiheit) 		im Wesentlichen bestanden Die elektronische Kontaktmöglichkeit ist vorhanden, die E-Mail-Adresse barrierefreiheit(at)beauftragter-missbrauch.de ist aber nicht verlinkt; die Adresse sollte als klickbarer Link bereitgestellt werden, damit Nutzer ohne Kopieren/Einfügen Kontakt aufnehmen können.

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