Staatliches Gutachten zur digitalen Barrierefreiheit

gsg9.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Relevante Screenreader-Barrieren wie unzugängliches Captcha, fehlerhafte Überschriften- und Tabellenstruktur, stotternde Ausgabe, unklare Alternativtexte und fehlende Statusmeldungen erschweren die Nutzung stark.

Sehbehinderung Mit Hindernissen nutzbar

Probleme bei Kontrast, Vergrößerung, einspaltigem Umbruch und Überlagerungen von Inhalten beeinträchtigen die Wahrnehmbarkeit, Grundfunktionen bleiben aber nutzbar.

Hörbehinderung Weitgehend zugänglich

Multimedia ist weitgehend mit Untertiteln und Alternativen versehen, jedoch fehlen Gebärdensprache-Angebote und Erklärungen zur Barrierefreiheit.

Motorische Behinderung Mit Hindernissen nutzbar

Seite ist grundsätzlich tastaturbedienbar, aber das nicht per Tastatur erreichbare Captcha und suboptimale Fokusreihenfolge erschweren insbesondere Formularnutzung.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende Leichte Sprache, teils komplexe Struktur, eingeschränkte Fehlerrückmeldungen und nur ein Zugangsweg erschweren das Verständnis und die Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und keine ablenkenden Animationen helfen, aber Probleme bei Struktur, Lesereihenfolge, Vergrößerung und fehlende Leichte Sprache können stark belasten.

Dokumentierte Barrieren

  • Captcha nicht per Tastatur nutzbar

    Auf der Formularseite kann das Captcha nicht mit der Tastatur bedient werden. Es gibt auch keine alternative, barrierefreie Möglichkeit zur Prüfung anstelle des visuellen Captchas.

    Auswirkung: Ich kann das Formular nicht vollständig abschicken, wenn ich keine Maus nutze oder das Captcha visuell nicht lösen kann. Dadurch wird eine zentrale Kontaktfunktion für mich blockiert.

  • Fehlermeldungen nicht zuverlässig mit Formularfeldern verbunden

    Nach einem fehlerhaften Formular werden zwar Textfehler angezeigt, sie sind aber nicht programmatisch mit den betroffenen Eingabefeldern verknüpft. Zusätzlich werden die Meldungen nicht automatisch als Status ausgegeben.

    Auswirkung: Ich finde bei einem Fehler schwer heraus, welches Feld betroffen ist und was ich korrigieren muss. Das macht das Ausfüllen des Formulars deutlich mühsamer, besonders mit Screenreader.

  • Struktur und Überschriften sind für Screenreader teils widersprüchlich

    Die programmatische Überschriftenstruktur passt auf mehreren Seiten nicht zur sichtbaren Struktur. Es gibt falsche Überschriften, mehrere Hauptüberschriften und fehlende Seitenregionen wie main und nav.

    Auswirkung: Ich kann Inhalte mit dem Screenreader schlechter überblicken und gezielt ansteuern. Die Seite wirkt für mich unübersichtlich und schwerer navigierbar.

  • Fehlende Statusrückmeldung nach Formularfehlern

    Nach dem Absenden eines fehlerhaften Formulars werden die Fehlermeldungen nicht automatisch vom Screenreader ausgegeben. Der einzige Hinweis ist ein Text im Dokumenttitel.

    Auswirkung: Ich merke unter Umständen nicht sofort, dass das Formular fehlgeschlagen ist. Dann suche ich länger nach dem Fehler und kann den Vorgang nicht direkt fortsetzen.

  • Fokus springt nach Formularfehler an den Seitenanfang

    Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht auf das erste fehlerhafte Feld gesetzt, sondern an den Anfang der Seite. Das entspricht nicht der Arbeitsreihenfolge beim Korrigieren von Eingaben.

    Auswirkung: Ich muss nach einem Fehler erst wieder suchen, wo ich weitermachen soll. Das kostet Zeit und ist besonders für Tastatur- und Screenreader-Nutzende frustrierend.

  • Seiteninhalte bei Vergrößerung überlagern sich

    Bei starker Vergrößerung bricht das Layout nicht sauber in ein einspaltiges Muster um. Dadurch werden Inhalte wie Bannergrafiken und Footer-Links teilweise verdeckt oder schwer erkennbar.

    Auswirkung: Ich kann wichtige Informationen und Navigationselemente bei Zoom nur eingeschränkt wahrnehmen. Wenn ich auf Vergrößerung angewiesen bin, wird die Nutzung deutlich erschwert.

  • Keine zweite Navigationsmöglichkeit vorhanden

    Die Seiten sind nur über die Hauptnavigation erreichbar. Eine Suche oder Sitemap als alternativer Zugangsweg fehlt.

    Auswirkung: Wenn ich einen Wegpunkt in der Navigation übersehe oder nicht gut bedienen kann, finde ich Inhalte deutlich schwerer. Die Orientierung auf der Website ist dadurch eingeschränkt.

  • Alternativtexte für einzelne Grafiken sind unklar

    Einzelne interaktive und informative Grafiken haben keine aussagekräftigen Alternativtexte, etwa Logo-Links oder das Haus-Icon in der Breadcrumb-Navigation. Dadurch ist ihr Zweck für Screenreader-Nutzende nicht immer klar.

    Auswirkung: Ich kann nicht sicher erkennen, wohin ein Bildlink führt oder welche Funktion ein Symbol hat. Das erschwert die Navigation und das schnelle Erfassen der Seite.

  • Leere oder unstrukturierte Datentabellen schwer erfassbar

    Auf Inhaltsseiten sind Datentabellen für Screenreader teilweise nicht klar strukturiert. Es fehlen teilweise Spaltenüberschriften und es gibt viele leere Tabellenzellen.

    Auswirkung: Ich kann Tabelleninhalte nicht zuverlässig zusammenbringen und ihre Bedeutung schlechter verstehen. Dadurch werden sachliche Informationen schwerer nutzbar.

  • Texte werden durch Trennzeichen stotternd vorgelesen

    In mehreren Texten werden umgebrochene Wortteile mit Trennzeichen so ausgezeichnet, dass Screenreader sie stotternd vorlesen. Das betrifft auch einzelne Navigationspunkte.

    Auswirkung: Ich höre Inhalte nicht flüssig und muss öfter nachverfolgen, was gemeint ist. Das verlangsamt das Lesen und kann irritieren.

  • Navigation und Links werden bei Textabstand schwer lesbar

    Wenn Textabstände angepasst werden, sind einzelne Inhalte, vor allem die Hauptnavigation, nur noch schwer wahrnehmbar. Das betrifft die Orientierung auf allen Seiten.

    Auswirkung: Ich kann Menüpunkte schlechter lesen und schneller den Überblick verlieren. Für mich wird das Finden der gewünschten Seite anstrengender.

  • Kontrast bei Fehlermeldungen zu gering

    Einige Texte, vor allem Fehlermeldungen, erfüllen den geforderten Mindestkontrast nicht vollständig. Dadurch sind sie auf der Formularseite schwerer lesbar.

    Auswirkung: Ich kann Fehlermeldungen schlechter erkennen, besonders bei Sehschwäche oder ungünstigen Lichtverhältnissen. Das macht das Korrigieren von Eingaben anstrengender.

  • Leere Eingabefelder sind visuell schwer erkennbar

    Einzelne Formularfelder haben einen zu geringen Kontrast zum Hintergrund. Leere Eingabefelder sind dadurch schwerer als Eingabefelder zu identifizieren.

    Auswirkung: Ich erkenne nicht sofort, wo ich etwas eingeben soll. Das erschwert besonders die Nutzung für Menschen mit eingeschränktem Sehvermögen.

  • Fehlerhinweise teilweise sprachlich nicht verständlich

    Einzelne Fehlermeldungen enthalten englische Textbestandteile wie "wrongCaptchaValue". Solche Meldungen sind nicht korrekt als abweichende Sprache ausgezeichnet und können verwirrend wirken.

    Auswirkung: Ich verstehe die Rückmeldung eventuell nicht sofort und weiß nicht, was ich korrigieren soll. Das verlangsamt die Formularnutzung und erhöht die Fehlerwahrscheinlichkeit.

  • Visuell ausgeblendete Inhalte werden unnötig mitgelesen

    Beim linearen Lesen tauchen teilweise Inhalte auf, die visuell ausgeblendet sind und für den aktuellen Navigationskontext nicht relevant wirken. Das betrifft etwa Überschriften in der Hauptnavigation.

    Auswirkung: Ich bekomme zusätzliche, verwirrende Informationen vorgelesen und verliere leichter den Überblick. Die Orientierung mit Screenreader wird dadurch unnötig schwieriger.

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 113.0.5672.93 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2022.4.
  • https://gsg9.de/Webs/GSG9/DE/Home/01-Die-GSG9/gsg9_node.html Web-Angebot öffnen
  • https://gsg9.de/Webs/GSG9/DE/Home/04-FAQ/faq_node.html
  • https://gsg9.de/Webs/GSG9/DE/Home/Kontakt-gsg9/kontakt-gsg9_node.html
  • https://gsg9.de/Webs/GSG9/DE/Home/03-Training/Leistungsziel/leistungsziel_node.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Formularseite: Das Captcha kann nur visuell wahrgenommen werden und ist nicht durch einen aussagekräftigen Alternativtext beschriftet. Es wird auch keine alternative Identifikationsmöglichkeit angeboten, die z. B. für blinde Nutzer zugänglich ist. * Alle Seiten: ** Einzelne interaktive Grafiken haben keinen aussagekräftigen Alternativtext, wie z. B. die Logo-Grafik (Link) mit "Government Site Builder Standardlösung (Link zur Startseite)" oder das Haus-Icon (Link) in der Breadcrumb-Navigation mit "GSG 9". ** Einzelne informationstragende Grafiken haben keinen aussagekräftigen Alternativtext, wie z. B. die Logo-Grafik im Footer mit "Hintergrundbild Logo der Bundespolizei".
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Formularseite: Die programmatisch ausgezeichneten Überschriften entsprechen teilweise nicht der visuell wahrnehmbaren Seitenstruktur, z. B. wird die zusammenfassende Fehlermeldung am Anfang des Formulars nicht durch eine Abschnittsüberschrift (<h2>) beschriftet. * Inhaltsseite: Datentabellen sind mit dem Screenreader teilweise nicht strukturiert wahrnehmbar, z. B. fehlen teilweise Spaltenüberschriften bzw. werden Spaltenüberschriften nicht ausgezeichnet und enthalten die Datentabellen viele leere Tabellenzellen. * Alle Seiten: Die programmatisch ausgezeichneten Überschriften entsprechen teilweise nicht der visuell wahrnehmbaren Seitenstruktur, z. B. werden mehrere Texte als Überschrift ausgezeichnet, die keine Überschrift darstellen, wie z. B. die Navigationspunkte der Hauptnavigation, werden teilweise mehrere Hauptüberschriften (<h1>) ausgezeichnet, werden Seitenregionen nur mit visuell ausgeblendeten Überschriften ausgezeichnet wie das "Hauptmenü" (<h2>). Es werden keine Seitenregionen wie das <main>-Element und <nav>-Element programmatisch ausgezeichnet. Bei einer Kontrastanpassung sind einige Inhalte nur schwer oder gar nicht erkennbar, z. B. werden einige der großen Layoutgrafiken bei einer Kontrastanpassung nicht ausgeblendet, weshalb es möglicherweise zu Blendeffekten kommen kann, z. B. im Footer.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden * Alle Seiten: In mehreren Texten werden escapte Umbrüche ("&shy;") verwendet. Dadurch werden die Texte vom Screenreader stotternd ausgegeben, wie z. B. der Navigationspunkt "Aktuelles" in der Hauptnavigation. * Beim linearen Lesen mit dem Screenreader werden teilweise visuell ausgeblendete Inhalte ausgegeben, wie z. B. die Überschrift "Unternavigationspunkte" (<h4>) bei den Navigationspunkten der Hauptnavigation, obwohl diese kein Untermenü besitzen.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden * Formularseite: Einzelne Texte erfüllen nicht den geforderten Minimalkontrast von 4,5:1 für kleinen Text bzw. 3:1 für großen Text, wie z. B. die Fehlermeldungen mit rot zu weiß (4:1).
Schriftgröße kann angepasst werden nicht bestanden * Alle Seiten: Bei einer Schriftgrößenanpassung von mindestens 200% (Browser-Zoom: 200%) sind einzelne Inhalte schwer erkennbar, z. B. wird die Logo-Grafik teilweise von der Hauptnavigation verdeckt, verdecken die Layoutgrafiken der Links im Footer teilweise den Linktext, die Funktion "Seite drucken" wird nicht mehr oberhalb des Footers angezeigt.
Inhalte brechen in einspaltiges Layout um nicht bestanden * Alle Seiten: Bei einer hohen Vergrößerung (Browser-Zoom: 400% und Viewport: 1280x1024px) bricht das Layout der Anwendung nicht in ein einspaltiges Gestaltungsraster um, weshalb einzelne Inhalte nur schwer zu erkennen sind, wie z. B. Grafiken im Banner, Links im Footer.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden * Formularseite: Einzelne Nicht-Text-Inhalte erfüllen nicht den geforderten Minimalkontrast von 3:1, wie z. B. leere Eingabefelder mit hellgrau zu weiß (1,8:1).
Textabstände sind anpassbar nicht bestanden * Alle Seiten: Bei angepassten Textabständen sind einzelne Inhalte nur schwer wahrnehmbar, z. B. die Navigationspunkte der Hauptnavigation.
Tastaturbedienbarkeit ist gegeben nicht bestanden * Formularseite: Das interaktive Captcha kann nicht mit der Tastatur erreicht und aktiviert werden, obwohl dies notwendig ist, um ein neues Captcha zu generieren.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden * Formularseite: Die Fokusreihenfolge entspricht teilweise nicht der visuell logischen Arbeitsreihenfolge, z. B. erhält das erste fehlerhafte Formularelement nach Abschicken des Formulars nicht automatisch den Fokus. Stattdessen wird der Fokus an den Anfang der Seite positioniert.
Seiten sind über verschiedene Möglichkeiten auffindbar nicht bestanden * Alle Seiten: Die Seiten der Anwendung sind nur über die Hauptnavigation erreichbar. Es steht kein zweiter Zugangsweg, wie z. B. eine Suche oder eine Sitemap zur Verfügung.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden * Formularseite: Einzelne Fehlermeldungen enthalten anderssprachigen Text, wie z. B. die Fehlermeldung "wrongCaptchaValue" des Eingabefelds "Captcha".
Fehlermeldungen sind in Textform vorhanden nicht bestanden * Formularseite: Oberhalb von fehlerhaften oder leeren Pflichtfeldern werden Fehlermeldungen in Textform angezeigt. Diese sind jedoch nicht programmatisch mit den Formularelementen verknüpft, z. B. als zusätzliche Beschreibung.
Syntaxspezifikationen sind erfüllt nicht bestanden * Alle Seiten: Das HTML enthält WCAG-relevante Syntaxfehler.
Statusmeldungen werden ohne Fokussierung ausgegeben nicht bestanden * Formularseite: Werden nach Abschicken eines fehlerhaften Formulars Fehlermeldungen angezeigt, dann werden diese nicht automatisch vom Screenreader ausgegeben. Es erfolgt lediglich der Hinweis "Fehler im Formular:" über den Dokumenttitel der Seite.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Ergebnis der formalen Prüfung: nein.
A.3
Leichte Sprache ist vorhanden
nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
Wiederkehrende Bereiche können übersprungen werden im Wesentlichen bestanden * Alle Seiten: Wiederkehrende Bereiche können durch Sprungmarken am Anfang der Seite übersprungen werden, jedoch wird die sichtbare Beschriftung der Sprungmarken teilweise durch die Logo-Grafik verdeckt.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 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
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
Titel beschreiben Thema oder Zweck bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Tastaturfokus ist sichtbar 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
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
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Name, Rolle und Wert sind identifizierbar bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden

Nicht anwendbar

Kriterium Status
B.1
PAC3 Test ergibt PDF/UA-konform
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.