Gutachten

beauftragter-missbrauch.de

Website nicht konform Prüfung vom 18.06.2021 ID: #803
Soziales Recht öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüforganisation
Materna Information & Communications SE
Stadt
Berlin
Prüfart
eingehende Überwachung

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)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen
  • www.beauftragter-missbrauch.de
  • www.beauftragter-missbrauch.de/schutzkonzepte
  • www.beauftragter-missbrauch.de/kinderschutz

Empfehlung & Status

Empfehlung

Alternative Texte, semantische Struktur, mobile Menüführung, Zoom- sowie Reflow-Verhalten, Sliderbeschriftungen und HTML-Attributes korrigieren; Statusmeldungen anpassen, Markup validieren und PDF/UA-Tags hinzufügen, damit Barrierefreiheit und Bedienbarkeit verbessert werden.

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.