Styleguide der Bundesregierung

Website nicht konform Prüfung vom 15.07.2025 ID: #1085
Politik öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Presse- und Informationsamt der Bundesregierung
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik, Deutsche Rentenversicherung Knappschaft-Bahn-See
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

  • OS: Windows 11
  • Browser: Chrome 138.0.7204.101
  • Screenreader: NVDA
  • Auflösung:
  • Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

Blindheit

Mit Hindernissen nutzbar

Screenreader-Nutzung ist grundsätzlich möglich, aber fehlende Alternativtexte, unklare Linktexte und suboptimale Fokusführung erschweren Orientierung und Formulare deutlich.

Sehbehinderung

Mit Hindernissen nutzbar

Kontrastprobleme, fehlender Reflow bei langen Links und rein farbliche Hervorhebungen beeinträchtigen Lesbarkeit und Orientierung, auch wenn Struktur und Inhalte grundsätzlich zugänglich sind.

Hörbehinderung

Fast barrierefrei

Es werden keine audioabhängigen Inhalte oder Probleme beschrieben, daher ist die Nutzung für gehörlose Menschen bis auf allgemeine Usability-Aspekte weitgehend barrierefrei.

Motorische Behinderung

Mit Hindernissen nutzbar

Grundlegende Tastaturnutzung ist wohl möglich, aber eine nicht fokussierbare Checkbox und ein ungünstig gesetzter Fokus nach dem „Nach oben“-Link behindern effiziente Bedienung.

Lernbehinderung

Mit Hindernissen nutzbar

Unklare Linktexte, unpräzise Fehlermeldungen und verteilte Formularhinweise erschweren Verständnis und Fehlerkorrektur, obwohl die Seite ansonsten strukturiert wirkt.

Neurodivergenz

Mit Hindernissen nutzbar

Probleme bei Fokusführung, Kontrast und Verständlichkeit von Links- und Formularhinweisen können Konzentration und Orientierung erschweren, die Seite scheint aber insgesamt konsistent aufgebaut zu sein.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
Statistik-Checkbox ist per Tastatur nicht bedienbar Die Checkbox für Statistik ist nicht als echter fokussierbarer Formularbaustein eingebunden. Damit ist sie mit der Tastatur offenbar nicht zuverlässig auswählbar oder abwählbar. Ich kann die Einwilligung oder Auswahl nicht selbstständig mit der Tastatur setzen. Das kann die Nutzung eines Formulars oder einer Abfrage direkt blockieren. Melden
Fehlermeldungen sind zu unspezifisch Bei Eingabefehlern werden offenbar keine klaren Hinweise gegeben, welches Feld betroffen ist und wie die Eingabe korrekt aussehen soll. Damit fehlt eine konkrete Hilfe zur Korrektur. Ich muss selbst herausfinden, was falsch war, und probiere eher herum. Das verlängert die Bearbeitung und kann dazu führen, dass ich ein Formular nicht erfolgreich absende. Melden
Fehlende Alternativtexte für Logos und Bilder Einige Logos und Bilder sind nicht so ausgezeichnet, dass Hilfstechnologien ihren Inhalt oder ihre Funktion erkennen können. Dekorative Bilder werden ebenfalls nicht zuverlässig ausgeblendet. Dadurch werden wichtige und unwichtige Bildelemente für mich schwer unterscheidbar. Ich verstehe nicht, was ein Bild oder Logo bedeutet oder wohin ein Logo-Link führt. Die Orientierung auf der Seite wird dadurch spürbar schlechter. –

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

Gutachten-Historie

Vergleich

Prüfergebnisse je Datum

15.07.2025 Vereinfachte Überwachung
angezeigtes 12 nicht bestanden 0 weitgehend 0 bestanden
11.07.2024 Vereinfachte Überwachung
4 nicht bestanden 5 weitgehend 40 bestanden
18.08.2023 Vereinfachte Überwachung
5 nicht bestanden 0 weitgehend 48 bestanden
  • https://styleguide.bundesregierung.de/sg-de ⓘ
  • https://styleguide.bundesregierung.de/sg-de/basiselemente ⓘ
  • https://styleguide.bundesregierung.de/dynamic/action/sg-de/login/2023546/login-action
  • https://styleguide.bundesregierung.de/resource/blob/2023684/2041174/120143bb4b934e8cd50608b94fd9d127/Hinweise_MS_Word-Vorlagen_nach_Aspekten_der_BF.pdf?download=1
  • https://styleguide.bundesregierung.de/sg-de/suche?query=pdf

Empfehlung & Status

Die zwölf dokumentierten Verstöße beheben: Logos und Layoutgrafiken mit passenden Alternativtexten bzw. als dekorativ kennzeichnen, aktive Navigation zusätzlich zu Farbe markieren, Kontraste anpassen, automatischen Umbruch für lange Links gewährleisten, Cookie-Checkbox und „Nach oben“-Link korrekt fokussierbar machen, Linktexte aussagekräftig formulieren, Pflichtfeld- und Eingabehinweise direkt am Formular darstellen sowie generische Fehlermeldungen präzisieren.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Logos mit beschreibenden Alternativtexten auszeichnen (z. B. „Logo der Bundesregierung“) und bei Links zur Startseite dies ebenfalls erwähnen, damit Screenreader-Nutzende Funktion und Bedeutung erkennen.
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Dekorative Kategoriebilder als solche markieren (alt="" oder aria-hidden="true"), damit sie von assistiven Technologien ignoriert werden und nur relevante Inhalte transportieren.
9.1.4.1
Benutzung von Farbe 		nicht bestanden Aktives Navigationselement nicht allein durch Farbwechsel kennzeichnen, sondern z. B. zusätzlich fett, unterstrichen oder mit Symbol hervorheben und mit aria-current="page" programmatisch markieren.
9.1.4.3
Kontrast (Minimum) 		nicht bestanden Placeholder-Text so gestalten, dass das Kontrastverhältnis zu seinem Hintergrund mindestens 4,5:1 (normaler Text) bzw. 3:1 (großer oder fetter Text) erreicht.
9.1.4.3
Kontrast (Minimum) 		nicht bestanden Textabschnitt auf der Suchseite so anpassen, dass der Kontrast zum Hintergrund mindestens 4,5:1 beträgt, um auch unter schlechten Sichtbedingungen lesbar zu bleiben.
9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Lange Linktexte automatisch umbrechen lassen (z. B. word-wrap: break-word; overflow-wrap: anywhere; hyphens: auto;) und das responsive Grid flexibel gestalten, damit der Inhalt sich auch bei breiten Texten an den Viewport anpasst.
9.2.1.1
Tastatur 		nicht bestanden Statistik-Checkbox mit einem echten <input type="checkbox"> und zugehörigem <label> in die Fokusreihenfolge einbinden, damit sie mit Leertaste/Enter per Tastatur steuerbar ist.
9.2.4.3
Fokus-Reihenfolge 		nicht bestanden Nach Aktivierung des „Nach oben“-Links den Fokus programmatisch auf ein sinnvolles Element am Seitenanfang (z. B. Hauptüberschrift oder Navigation) setzen, damit visueller und technischer Fokus übereinstimmen.
9.2.4.4
Linkzweck (im Kontext) 		nicht bestanden Linktexte eindeutig benennen (z. B. „Weitere Informationen zur Förderung“ statt „hier“) oder mit aria-label ergänzen, sodass der Zweck auch ohne Kontext klar ist.
9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Hinweis zu Pflichtfeldern direkt am Anfang des Formulars bzw. bei den betreffenden Eingaben platzieren und betroffene Felder mit sichtbaren Symbolen (z. B. Sternchen) und/oder aria-required="true" kennzeichnen.
9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Hinweis zur Mindestzeichenzahl unmittelbar neben dem Eingabefeld ausgeben, sowohl visuell als auch programmatisch (z. B. über aria-describedby), damit alle Nutzenden die Anforderungen erkennen.
9.3.3.3
Vorschlag bei Fehler 		nicht bestanden Fehlermeldungen konkret benennen (betroffenes Feld und Grund) und Hinweise geben, wie eine korrekt formulierte Eingabe aussieht, um zielgerichtete Korrekturen zu ermöglichen.

Möglicherweise verwandte Prüfungen

Bundesregierung

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 29.03.2021