Staatliches Gutachten zur digitalen Barrierefreiheit
bfdi.bund.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Mit Hindernissen nutzbar
Mehrere Verstöße bei Alternativtexten, semantischer Struktur, Fokusführung und Linkzwecken erschweren Screenreader-Nutzung deutlich, machen sie aber nicht unmöglich.
Sehbehinderung Kaum nutzbar
Kontrastprobleme auf der Website und im zentralen PDF sowie eingeschränkte Zoom- und Reflow-Möglichkeiten beeinträchtigen die Lesbarkeit stark.
Hörbehinderung Fast barrierefrei
Es werden keine audio-spezifischen Probleme genannt, und die Seite ist im Wesentlichen textbasiert, daher fast uneingeschränkt nutzbar.
Motorische Behinderung Mit Hindernissen nutzbar
Fehler bei Fokusreihenfolge, mehrfachen Links und nicht optimalen Skip-Links erschweren effiziente Tastaturbedienung, bleiben aber grundsätzlich handhabbar.
Lernbehinderung Mit Hindernissen nutzbar
Unklare Linkzwecke, mangelnde Fehlerhinweise in Formularen und semantische Unschärfen können Verständnis und Orientierung erschweren, ohne die Nutzung völlig zu verhindern.
Neurodivergenz Mit Hindernissen nutzbar
Mehrfache Links, unklare Fokusführung und fehlende klare Strukturierung können Konzentration und Orientierung belasten, sind aber mit Aufwand kompensierbar.
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 11
- Browser
- Chrome Version 136.0.7103.114 (Offizieller Build) (64-Bit)
- Screenreader
- NVDA 2024
- Tools
- Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
Veränderung nach WCAG-Kriterien
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 26.06.2025 | Vereinfachte Überwachung | Nein | 22 | 1 | 0 |
| 17.03.2022 | Vereinfachte Überwachung | Nein | 15 | 2 | 33 |
-
-
https://www.bfdi.bund.de/SiteGlobals/Forms/Suche/Servicesuche_Formular.html?nn=252136&resourceId=270946&input_=252136&pageLocale=de&templateQueryString=datenschutz&submit.x=0&submit.y=0
-
https://formulare.bfdi.bund.de/lip/form/display.do?%24context=F445BE689FDB5DFB83A0
-
https://www.bfdi.bund.de/DE/Buerger/Basiswissen/BasiswissenDatenschutz/BasiswissenDatenschutz_node.html
-
https://www.bfdi.bund.de/SharedDocs/Downloads/DE/Taetigkeitsberichte/33TB_24.pdf?__blob=publicationFile&v=3
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalt | nicht bestanden | Alternativtext des Logos durch eine inhaltliche Beschreibung wie „Logo des BfDI – Bundesbeauftragte für den Datenschutz und die Informationsfreiheit“ ersetzen, damit Nutzende den Inhalt korrekt erfassen. |
| Nicht-Text-Inhalt | nicht bestanden | Alternativtexte für die dekorativen Bilder unterhalb des Sliders entfernen oder auf alt="" bzw. aria-hidden="true" setzen, damit Screenreader diese Schmuckgrafiken überspringen. |
| Nicht-Text-Inhalt | nicht bestanden | Das SVG-Bild der Blätternavigation als funktional beschreibendes Element erklären (z. B. alt="Vor"/alt="Zurück" oder aria-label) oder innerhalb eines beschrifteten Links verwenden, statt generischer Texte wie „Style-Image“. |
| Nicht-Text-Inhalt | nicht bestanden | Teaser-Bilder, die rein dekorativ sind, mit alt="" bzw. aria-hidden="true" auszeichnen, damit Screenreader sich auf relevante Inhalte konzentrieren können. |
| Info und Beziehungen | nicht bestanden | Die „Meist gesuchte Begriffe“-Linksammlung programmgemäß als <ul><li> auszeichnen, um die semantische Struktur auch für assistive Technologien sichtbar zu machen. |
| Info und Beziehungen | nicht bestanden | Den Suchschalter, der ein Overlay öffnet, semantisch korrekt als <button> statt als <a> auszeichnen, da er einen Zustand umschaltet. |
| Info und Beziehungen | nicht bestanden | Die h3-Überschrift „Suche“ als h2 formatieren, damit die Hierarchie (h1→h2→h3) eingehalten und für Screenreader nachvollziehbar ist. |
| Ausrichtung | nicht bestanden | Viewport-Einschränkungen wie initial-scale=1.0 entfernen (z. B. meta viewport nur mit width=device-width, initial-scale=1), damit mobile Nutzende jederzeit zoomen können. |
| Kontrast (Minimum) | nicht bestanden | Vorder- oder Hintergrundfarbe der Links in der Service-Navigation so anpassen, dass ein Kontrastverhältnis von mindestens 4,5:1 erreicht wird. |
| Automatischer Umbruch (Reflow) | nicht bestanden | Viewport-Restriktionen entfernen (initial-scale=1.0, maximum-scale=1, user-scalable=no), um auch bei vergrößerten Darstellungen eine korrekte Darstellung zu ermöglichen. |
| Blöcke überspringen | nicht bestanden | Skip-Links korrekt mit Ziel-IDs (z. B. <main id="main"> und <a href="#main">) verknüpfen, damit sie tatsächlich zu Hauptbereichen springen. |
| Fokus-Reihenfolge | nicht bestanden | Das fokussierbare <article> mit tabindex="0" entfernen oder mit semantischer Interaktivität versehen, damit Fokus nicht auf nicht klickbare Bereiche gesetzt wird. |
| Fokus-Reihenfolge | nicht bestanden | Die doppelte Verlinkung von Bild und Text bei Topics entfernen, damit pro Ziel nur ein Fokuspunkt entsteht. |
| Fokus-Reihenfolge | nicht bestanden | Nach Interaktionen (Suche, Filter, Paginierung) den Fokus auf eine sinnvolle Zielposition wie die Überschrift „Suchergebnisse“ oder das erste Ergebnis setzen, statt ihn an den Seitenanfang zu bringen. |
| Fokus-Reihenfolge | nicht bestanden | Mehrfache identische Links innerhalb eines Suchergebnisses zu einem einzigen Link zusammenführen, z. B. durch die Überschrift, um überflüssige Tab-Schritte zu reduzieren. |
| Fokus-Reihenfolge | nicht bestanden | Pro Artikel im Bereich „Basiswissen zum Datenschutz“ nur ein fokussierbares Linkelement (z. B. Überschrift oder „Mehr erfahren“) anbieten; andere Links nicht fokussierbar machen oder als Teil des Hauptlinks kennzeichnen. |
| Linkzweck (im Kontext) | nicht bestanden | Teasertexte auf der Startseite ausschließlich über die Überschrift als Link auszeichnen, damit der Linkzweck kurz und eindeutig bleibt. |
| Linkzweck (im Kontext) | nicht bestanden | Im Kontaktfinder die Verlinkung auf die Überschrift oder ein klares aria-label beschränken, sodass Screenreader nur prägnante Linkzwecke liefern. |
| Linkzweck (im Kontext) | nicht bestanden | Das title-Attribut der Paginierung entfernen, wenn es keine zusätzliche Information enthält, damit die Seitennummer nicht doppelt ausgegeben wird. |
| Vorschlag bei Fehler | nicht bestanden | Bei fehlerhaften E-Mail-Eingaben konkrete Hinweise oder Korrekturvorschläge anzeigen (z. B. „Bitte geben Sie eine gültige E-Mailadresse im Format name@domain.de ein.“). |
| Name, Rolle, Wert | nicht bestanden | Aktiven Menüpunkt in Service- und Hauptnavigation mit aria-current="page" auszeichnen, um die Position innerhalb des Menüs programmatisch darzustellen. |
| Kontrast (Minimum) | nicht bestanden | Das gesamte PDF-Dokument (33. Tätigkeitsbericht 2024) so überarbeiten, dass die Anforderungen des WCAG-Kriteriums 1.4.3 erfüllt sind; der Pac-Test weist hier einen Verstoß aus. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Info und Beziehungen | im Wesentlichen bestanden | Auf die Verwendung von ­-Zeichen zur Silbentrennung verzichten, da Screenreader diese Zeichen unverständlich vorlesen und Inhalte verfälschen. |
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.