Staatliches Gutachten zur digitalen Barrierefreiheit

www.hilfe-portal-missbrauch.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere schwerwiegende WCAG‑A‑Fehler bei Struktur, Lesereihenfolge, Name/Rolle/Wert und Formular-Fehlermeldungen erschweren Screenreader-Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Gute Grundkontraste, aber Zoom-Beschränkung, einzelne Kontrastprobleme, schwache Hervorhebung aktiver Elemente und Probleme im Hochkontrastmodus beeinträchtigen die Nutzung merklich.

Hörbehinderung Fast barrierefrei

Untertitel und Alternativen für Medien sind vorhanden und es gibt ein Gebärdensprachvideo, spezifische Barrieren für Gehörlose sind kaum erkennbar.

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienbarkeit, keine Tastaturfallen und einfache Zeigerbedienung sind gegeben, nur Fokusreihenfolgen und nicht schließbare Untermenüs können die Bedienung etwas erschweren.

Lernbehinderung Mit Hindernissen nutzbar

Leichte Sprache unterstützt, aber inkonsistente Bezeichnungen, englische Begriffe, komplexe Fokusreihenfolgen und teilweise unklare Fehlerrückmeldungen können Verständnis und Orientierung erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Klare Struktur und fehlende Animationen helfen, jedoch irritierende Fokusführung, automatisch öffnende Menüs und sprachliche Inkonsistenzen können Konzentration und Reizreduktion beeinträchtigen.

Veränderung

Aktuell angezeigt
13 gefundene Barrieren +2 zur vorherigen Prüfung
6,1/10 Ø Schwere -0,4 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Fehler im Formular werden spät oder unklar mitgeteilt

    Auf der Formularseite werden fehlerhafte Pflichtfelder nicht immer korrekt als fehlerhaft erkannt, und die Fehlermeldung kommt für Screenreader nicht sofort an. Der Fokus springt außerdem nicht zum ersten fehlerhaften Feld.

    Auswirkung: Ich kann Eingabefehler leicht übersehen und muss länger suchen, was genau falsch ist. Dadurch wird das Ausfüllen des Formulars unnötig kompliziert und fehleranfällig.

  • Karte blockiert die Navigation auf der Suchseite

    Die Karte kann nicht einfach mit der Tastatur übersprungen werden und ein eingeblendetes Untermenü lässt sich nicht mit ESC schließen. Das stört die Bedienung besonders dann, wenn ich nicht mit der Maus arbeite.

    Auswirkung: Ich muss mich durch unnötige Inhalte kämpfen und komme langsamer zu den eigentlichen Suchergebnissen. Für mich fühlt sich die Seite dadurch unterbrochen und mühsam an.

  • Falsche oder fehlende Struktur auf der Startseite

    Einige Linkgruppen sind nicht sinnvoll als Liste ausgezeichnet, und wichtige Texte werden beim linearen Lesen nicht in der richtigen Reihenfolge ausgegeben. Auch der Slider ist für Hilfstechnologien nicht sauber beschrieben.

    Auswirkung: Ich verliere beim Lesen mit Screenreader die Orientierung und kann Inhalte oder Bedienelemente übersehen. Die Seite wirkt dadurch deutlich schwerer verständlich und bedienbar.

  • Suchergebnisse und Filter schwer per Screenreader erfassbar

    Auf der Suchseite sind Überschriftenhierarchie und einzelne Filterzustände nicht korrekt oder nicht wahrnehmbar dargestellt. Zusätzlich werden manche interaktiven Elemente in der Karte oder in Filtern in einer anderen Sprache ausgegeben.

    Auswirkung: Ich kann Filter und Suchergebnisse schlechter verstehen und kontrollieren. Dadurch wird es schwieriger, passende Hilfeangebote gezielt zu finden.

  • Nicht funktionierende Status- und Rolleninformationen bei interaktiven Elementen

    Einige Bedienelemente, etwa Slider-Bullets oder ein aufklappbarer Bereich, werden für assistive Technologien nicht vollständig mit Rolle, Zustand oder Beschriftung ausgegeben. Dadurch fehlt wichtige Rückmeldung über das aktuelle Element oder seinen Zustand.

    Auswirkung: Ich kann nicht sicher erkennen, was aktiv ist oder ob ein Bereich offen oder geschlossen ist. Das führt zu Unsicherheit und mehr Fehlversuchen bei der Bedienung.

  • Unklare Beschriftung von Kontakt-Links

    Mehrere Kontakt- und Hilfelinks sind programmgesteuert anders oder unvollständig benannt als sie sichtbar erscheinen. Dadurch kann ich nicht sicher erkennen, wohin ein Link führt, besonders wenn ich mit einem Screenreader oder per Tastatur navigiere.

    Auswirkung: Ich kann nicht zuverlässig den passenden Kontaktweg auswählen. Das kostet Zeit und erhöht das Risiko, dass ich die falsche Hilfe anklicke.

  • Zoom auf dem Mobilgerät eingeschränkt

    Die Seite verhindert auf mobilen Geräten teilweise das Zoomen oder begrenzt es stark. Dadurch lässt sich Schrift nicht frei vergrößern, wenn ich mehr Lesbarkeit brauche.

    Auswirkung: Ich kann Texte auf dem Smartphone schlechter lesen und muss womöglich horizontal scrollen oder sehr nah ans Display gehen. Für mich wird die Seite dadurch deutlich anstrengender.

  • Kartenmarker und aktive Navigation nicht eindeutig erkennbar

    Mehrere Marker auf der Karte heißen nur allgemein „Map Marker“ und sind nicht unterscheidbar. Außerdem ist das aktive Navigationselement im Hochkontrastmodus nicht klar sichtbar.

    Auswirkung: Ich kann nicht sicher erkennen, welches Ziel oder welcher Bereich gerade ausgewählt ist. Dadurch wird die Orientierung auf der Seite schwieriger und fehleranfälliger.

  • Bedienelemente im Formular sind schlecht erkennbar

    Im Hochkontrastmodus sind Teile des Logos und der Umschalter unter „Stammdaten“ schwer oder nicht vollständig sichtbar. Auch das bedeutet, dass einzelne Bedienelemente visuell schlechter auffallen.

    Auswirkung: Ich kann wichtige Schalter oder Branding-Elemente schlechter erkennen, besonders bei hoher Vergrößerung oder Kontrasteinstellungen. Das erschwert mir, die Seite sicher zu bedienen.

  • Sprache wechselt unnötig ins Englische

    Einige Bedienelemente in der Karte und in den Filtern werden auf Englisch ausgegeben, ohne dass das sauber gekennzeichnet ist. Das betrifft auch einzelne Buttons wie „Apply“ oder Titeltexte.

    Auswirkung: Ich kann Begriffe missverstehen oder brauche länger, um die richtige Aktion zu finden. Das erschwert mir die Nutzung, wenn ich auf klare deutsche Beschriftungen angewiesen bin.

  • Navigationsstruktur auf Formularseiten uneinheitlich

    Auf den Formularseiten werden zentrale Navigationsbereiche nicht angezeigt. Dadurch fehlt mir ein vertrauter Orientierungsrahmen beim Wechsel zwischen Seitenabschnitten.

    Auswirkung: Ich finde mich schlechter zurecht und muss mehr ausprobieren, um zurück oder weiter zu kommen. Das macht die Nutzung unnötig verwirrend.

  • Unverständliche oder doppelte Linkausgaben in Suchergebnissen

    In den Suchergebnissen wird die Telefonnummer teils doppelt als Linktext und title vorgelesen, und ein Link wird nur als URL ausgegeben. So ist der Zielinhalt nicht immer leicht zu verstehen.

    Auswirkung: Ich kann den Zweck eines Links schlechter einschätzen und klicke womöglich den falschen Eintrag an. Besonders bei der Suche nach Hilfeangeboten kostet mich das unnötige Zeit.

  • Fehlende Rückmeldung zu Sprache und Hilfemechanismen

    Die Seite bietet kein Feedback-System, und die Informationen zur Barrierefreiheit sind formal nicht bestanden. Das nimmt Nutzenden eine wichtige Möglichkeit, Probleme zu melden oder Unterstützung zu erhalten.

    Auswirkung: Wenn ich auf eine Barriere stoße, habe ich keinen direkten Weg, das Problem zu melden. Dadurch bleibt mir im Zweifel nur, die Nutzung abzubrechen.

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 117.0.5938.132
Screenreader
NVDA 2023.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet

Veränderung nach WCAG-Kriterien

29.09.2023 Vereinfachte Überwachung
angezeigtes 14 nicht bestanden 4 weitgehend 35 bestanden
11.07.2022 Vereinfachte Überwachung Gutachten ansehen
16 nicht bestanden 1 weitgehend 37 bestanden
  • https://www.hilfe-portal-missbrauch.de/startseite Web-Angebot öffnen
  • https://www.hilfe-portal-missbrauch.de/hilfe-finden/suche?search%5Bperimeter%5D=20&search%5Blocation%5D=01723%2C+Wilsdruff%2C+Sachsen%2C+Deutschland&search%5BtargetGender%5D%5B%5D=&search%5Bage%5D=&search%5BofferOfHelpClasses%5D=&search%5BcounselingLanguage%5D=&search%5Baccessibility%5D=&search%5Btopics%5D=
  • https://www.hilfe-portal-missbrauch.de/eingabe
  • https://www.hilfe-portal-missbrauch.de/fragen-antworten
  • https://www.hilfe-portal-missbrauch.de/ueber-uns
  • https://www.hilfe-portal-missbrauch.de/fileadmin/user_upload/Downloads/Hilfe-Portal_Factsheet_deutsch.pdf ⓘ

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Die drei Layoutgrafiken unter "Kontakt aufnehmen - anonym und kostenfrei" werden mit einem nicht aussagekräftigen Alternativtext "berta Image" ausgegeben; Alle Seiten außer Formularseite: Beim Logo im Footer fehlt im Alternativtext der Hinweis, dass es sich um ein Logo handelt.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Der Link "Zu Fragen und Antworten" und "Zu Über uns" werden als Liste mit jeweils einem Listenelement ausgegeben, die drei Links "Hilfe-Telefon anrufen", "Angebote vor Ort finden" und "Online beraten lassen" sind nicht durch eine Liste strukturiert; Suchseite: Die Überschriftenhierarchie ist nicht korrekt, nach Ebene 1 folgt eine Ebene 3; Formularseite: Unter "Erreichbarkeit" werden Checkboxen zwar korrekt gruppiert, aber immer die identische Beschriftung "Öffnungszeiten/Sprechzeiten" verwendet; Formularseiten: Im Hochkontrastmodus ist das Logo im Footer nicht vollständig sichtbar; Suchseite, Inhaltsseite: Innerhalb der Breadcrumb-Navigation befindet sich eine unbeschriftete nav-Region; Alle Seiten außer Formularseite: Im Hochkontrastmodus ist das aktive Navigationselement nicht als solches erkennbar; Alle Seiten: Im Hochkontrastmodus ist das Pfeil-Icon bei Ausklapplisten schlecht wahrnehmbar; Alle Seiten: Das Label für die aktuelle Sprache ist optisch bzw. für assistive Technologien ausgeblendet, Informationen sind somit nicht wahrnehmbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Bei den Links unter "Kontakt aufnehmen - anonym und kostenfrei" werden die Texte, z. B. die Telefonnummer, beim linearen Lesen vom Screenreader nicht ausgegeben; Suchseite, Inhaltsseite: Beim linearen Lesen wird bei den Formularelementen erst die Rolle und danach die Beschriftung ausgegeben.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Suchseite: Der weiße Text im angezeigten Pop-up auf der Karte hat einen zu geringen Kontrastabstand zum gelben Hintergrund.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Suchseite: Das über Mouseover eingeblendete Untermenü lässt sich nicht mit der ESC-Taste schließen.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Die Bedienelemente des Sliders sind erst nach dem Sliderinhalt erreichbar; Suchseite: Die Karte kann nicht mit der Tastatur übersprungen werden; Formularseite: Beim Validieren leerer Pflichtfelder wird der Fokus nicht in das erste fehlerhafte Feld, sondern in das Feld "Bundesland" gesetzt; Suchseite, Inhaltsseite: Das Untermenü "Hilfe finden" und "Fragen und Antworten" im Breadcrumb öffnet sich automatisch und muss durchlaufen werden; Suchseite, Inhaltsseite: Ein unsichtbares Eingabefeld "Postleitzahl oder Ort (optional)" erhält vor dem eigentlichen Eingabefeld den Fokus.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Suchseite: Unter den Suchergebnissen wird die Telefonnummer als Linktext und title doppelt ausgegeben; der Link "Webseite besuchen" wird für Screenreader als URL ausgegeben.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Startseite: Die Marker in der Karte tragen alle die Beschriftung "Map Marker" und sind daher nicht unterscheidbar.
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		nicht bestanden Startseite: Bei den Links unter "Kontakt aufnehmen - anonym und kostenfrei" stimmen teilweise die programmatischen Beschriftungen durch aria-label nicht mit den sichtbaren Beschriftungen überein.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Suchseite: Innerhalb der Karte werden fast alle interaktiven Elemente in englischer Sprache ausgegeben; Das title-Attribut für die Buttons "Filter zurücksetzen" und "Filter schließen" ist in Englisch angegeben (Reset filter bzw. Close this filter); In der mobilen Ansicht wird unter "Filter" der Button "Apply" mit englischer Beschriftung ausgegeben.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Teilweise werden fehlerhafte Felder programmatisch nicht als fehlerhaft ausgegeben; Die Fehlermeldung wird vom Screenreader nicht sofort ausgegeben.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Bedienelemente (Bullets) für den Slider werden ohne Beschriftung und Rolle ausgegeben; Suchseite: Der aktive Filter unter "Beratungsart" ist für Screenreader-Nutzer nicht wahrnehmbar; Inhaltsseite: Initial wird der Status "eingeklappt" nicht vom Screenreader ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
A.2
Feedback-Mechanismus ist vorhanden 		nicht bestanden Feedback-Mechanismus ist nicht vorhanden.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden Alle Seiten: Das Attribut "user-scalable=no" im meta-Tag verhindert Zoom auf mobilen Endgeräten, zudem kann das Attribut "maximum-scale" ausreichendes Zoomen verhindern.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		im Wesentlichen bestanden Formularseite: Der Kontrastabstand des Umschalters unter "Stammdaten" zum Hintergrund ist zu gering und schlecht wahrnehmbar.
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		im Wesentlichen bestanden Formularseiten: Die oberen Navigationen sowie die Navigation im weißen Footer werden nicht angezeigt.
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		im Wesentlichen bestanden Formularseite: Das HTML der Seite enthält WCAG-relevante Syntaxfehler.

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.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		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.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden –
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		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.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.7
Tastaturfokus ist sichtbar 		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.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.4
Elemente sind konsistent bezeichnet 		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.3
Leichte Sprache ist vorhanden 		bestanden Leichte Sprache ist vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		bestanden Gebärdensprache-Video ist vorhanden.

Nicht geprüft

Kriterium Status Notizen
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht geprüft Die Datei kann mit dem PDF Accessibility Checker (PAC) nicht getestet werden, da die PDF-Datei beschädigt ist oder die Dokumentstruktur ungültig ist.

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