Staatliches Gutachten zur digitalen Barrierefreiheit

CIO Bund Startseite

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 05.06.2024 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere schwerwiegende Screenreader- und Strukturprobleme (Überschriften, Fokusführung, Name/Rolle/Wert, Slider, Videoalternativen) beeinträchtigen die Nutzung deutlich, machen sie aber nicht vollständig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Kontraste und Skalierung sind überwiegend in Ordnung, aber Probleme mit Hochkontrast, Rahmen, Überlagerungen und Layoutumbrüchen erschweren die Nutzung spürbar.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Audio sind meist vorhanden, nur fehlende Alternativen für einzelne Videos schränken die Nutzung etwas ein.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienbarkeit ist vorhanden, aber Mängel bei Fokusreihenfolge, Slider-Bedienung und einigen Steuerelementen erschweren die Nutzung für reine Tastatur- oder Hilfsmittelnutzer.

Lernbehinderung Mit Hindernissen nutzbar

Leichte Sprache und konsistente Navigation helfen, doch unklare Link- und Buttonbeschriftungen, lange Linktexte und unerwartete Kontextänderungen können verwirren.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Fokusführung, automatische Suchauslösung und überfrachtete Link- und Menüstrukturen können Konzentration und Orientierung erschweren, obwohl keine gravierenden Zeit- oder Animationsprobleme bestehen.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren
6,4/10 Ø Schwere
10 gefundene Barrieren unverändert
5,7/10 Ø Schwere -0,7 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Video ohne alternative Beschreibung

    Auf der Videoseite gibt es für das bereitgestellte Video keine textliche oder gleichwertige Alternative. Zusätzlich fehlt eine Audiodeskription für wichtige Bildinhalte. Das betrifft vor allem Nutzende, die das Video nicht sehen können oder visuelle Informationen nicht sicher wahrnehmen.

    Auswirkung: Ich kann den Inhalt des Videos nicht vollständig erfassen, wenn ich es nicht sehen kann. Wichtige Informationen aus Szenen oder Einblendungen bleiben mir sonst verborgen.

  • Falsche Rollen und Bezeichnungen bei Bedienelementen

    Einige Bedienelemente werden vom Screenreader mit falscher Rolle oder falschem Namen ausgegeben, etwa Slider-Punkte, Suche-Button, Filterbereiche oder Video-Steuerelemente. Dadurch stimmen Wahrnehmung und tatsächliche Funktion nicht überein.

    Auswirkung: Ich weiß als Screenreader-Nutzer oft nicht sicher, was ein Element tut oder wie ich es bedienen soll. Das kann zu Fehlbedienungen führen und den Zugriff auf zentrale Funktionen stark verlangsamen.

  • PDF-Dokument nicht barrierefrei nutzbar

    Das bereitgestellte PDF ist nicht PDF/UA-konform. Dadurch können Struktur, Lesereihenfolge oder Bedienbarkeit für assistive Technologien unzuverlässig sein. Das betrifft Nutzende, die auf barrierefreie Dokumente angewiesen sind.

    Auswirkung: Ich kann Inhalte des PDF unter Umständen nur schwer oder gar nicht erfassen. Besonders bei offiziellen Informationen kann mich das daran hindern, die benötigten Angaben vollständig zu nutzen.

  • Slider ist per Tastatur nur eingeschränkt bedienbar

    Im Medienbereich lässt sich zwischen den Slider-Paginierungspunkten nicht mit den Pfeiltasten navigieren. Außerdem springt der Fokus nach dem Öffnen eines Slides nicht sinnvoll auf das erste Element des geöffneten Inhalts.

    Auswirkung: Wenn ich die Tastatur nutze, kann ich die Slider-Inhalte nur umständlich oder gar nicht erreichen. Ich verliere zudem schnell die Orientierung, weil der Fokus nicht dort landet, wo ich weiterarbeiten möchte.

  • Formular nach Fehlern schlecht auffindbar

    Nach dem Absenden eines fehlerhaften Kontaktformulars wird der Fokus nicht zum Fehlerbereich oder zum ersten fehlerhaften Feld gesetzt. Dadurch bleiben die Korrekturhinweise für Screenreader- und Tastaturnutzende leicht unentdeckt.

    Auswirkung: Ich muss nach einem Fehler selbst suchen, wo das Problem liegt. Das kostet Zeit und erhöht die Gefahr, dass ich das Formular nicht korrekt abschließen kann.

  • Suche und Filter sind nach Bedienung schlecht orientierbar

    Auf der Suchseite springt der Fokus nach Filtern, Löschen von Filtern, erneuter Suche oder Seitenwechsel an den Seitenanfang statt zu den Suchergebnissen. Der Filter-Layer hat zudem unklare Beschriftungen, und die Vorschlagsauswahl startet teilweise automatisch eine Suche.

    Auswirkung: Ich muss mich nach jeder Aktion neu orientieren und finde nicht direkt die relevanten Ergebnisse. Das kann dazu führen, dass ich Suchvorgänge mehrfach wiederholen oder abbrechen muss.

  • Überlagerungen und fehlende Struktur erschweren die Orientierung

    Mehrere Seiten haben keine klaren Strukturbereiche wie Header, Main, Nav oder Footer, außerdem überdecken Layer und Vorschlagslisten wichtige Inhalte. Im Hochkontrastmodus sind einige Rahmen nicht sichtbar. Dadurch wird die visuelle und screenreaderbasierte Orientierung unnötig erschwert.

    Auswirkung: Ich kann Inhalte und Bereiche schlechter voneinander unterscheiden und finde wichtige Bedienelemente schwerer. Besonders im Hochkontrastmodus oder mit Vergrößerung verliere ich schneller den Überblick.

  • Lange oder unklare Link- und Menübeschriftungen verwirren

    Mehrere Links und Menüpunkte werden mit sehr langen oder ungenauen Beschriftungen ausgegeben, etwa Teaserlinks, Suchergebnisse, Paginierung oder der BMI-Link im Servicemenü. Der aktive Menüpunkt wird außerdem nicht zuverlässig als aktiv angesagt. Das erschwert das schnelle Erfassen der Navigation.

    Auswirkung: Ich muss mehr lesen und raten, wohin ein Link führt. Dadurch wird die Seite unübersichtlich und ich brauche länger, um die richtige Information oder den richtigen Bereich zu finden.

  • Seitenanfang-Link wird visuell überdeckt

    Der Link zum Seitenanfang wird durch ein Pfeil-Icon überlagert. Dadurch ist ein wichtiger Sprunglink im unteren Seitenbereich nicht eindeutig erkennbar oder anklickbar.

    Auswirkung: Ich finde den Sprung zurück nach oben schlechter oder treffe das Element nicht sicher. Das kostet Zeit und erschwert das Navigieren auf längeren Seiten.

  • Checkbox-Rahmen im Formular schlecht erkennbar

    Auf der Formularseite hat der Rahmen der Checkbox einen zu geringen Kontrast zum Hintergrund. Dadurch ist der Kontrollbereich visuell schlechter abgrenzbar, besonders bei eingeschränktem Sehvermögen.

    Auswirkung: Ich erkenne nicht immer sicher, wo die Checkbox genau ist. Das erschwert mir das Ausfüllen des Formulars und erhöht die Gefahr von Eingabefehlern.

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 105.0.5195.102
Screenreader
NVDA 2021.3.5
Tools
Google Chrome, NVDA

Veränderung nach WCAG-Kriterien

05.06.2024 Vereinfachte Überwachung Gutachten ansehen
9 nicht bestanden 3 weitgehend 38 bestanden
12.09.2022 Vereinfachte Überwachung
angezeigtes 17 nicht bestanden 2 weitgehend 35 bestanden
Vergleich der Prüfergebnisse nach Prüfungsdatum und Prüfart
Prüfungsdatum Prüfart Abweichende Prüfart Nicht bestanden Im Wesentlichen bestanden Bestanden
05.06.2024 Vereinfachte Überwachung Nein 9 3 38
12.09.2022 Vereinfachte Überwachung Nein 17 2 35
  • https://www.cio.bund.de/Web/DE/Startseite/startseite_node.html Web-Angebot öffnen
  • https://www.cio.bund.de/SiteGlobals/Forms/Webs/CIO/suche/expertensuche-formular.html?nn=18094886&resourceId=18094004&input_=18094886&pageLocale=de&templateQueryString=informationstechnik&submit.x=0&submit.y=0
  • https://www.cio.bund.de/Webs/CIO/DE/service/kontakt/kontakt_node.html Weitere Gutachten vorhanden
  • https://www.cio.bund.de/Webs/CIO/DE/digitaler-wandel/digitalisierung-einkauf/nationaler-bekanntmachungsservice/nationaler-bekanntmachungsservice-node.html
  • https://www.cio.bund.de/SharedDocs/videos/Webs/CIO/DE/germany4ukraine.html
  • https://www.cio.bund.de/SharedDocs/downloads/Webs/CIO/DE/digitale-loesungen/it-beschaffung/it-beschaffungsstrategie/koitb-beschluss-2018-14.pdf?__blob=publicationFile&v=1

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Startseite: Der alt-Text der Grafik "We Help" entspricht nicht genau dem Text der Grafik.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Videoseite: Zu dem Video wird keine Alternative bereitgestellt.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Videoseite: Das Video hat keine Audiodeskription.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Formularseite, Inhaltsseite: Im Hauptmenü und Untermenü wird der aktive Menüpunkt vom Screenreader nicht als aktiv ausgegeben.;Alle Seiten: Auf den Seiten sind mehrere H1 Überschriften vorhanden.;Alle Seiten: Im Footer sind die Links der Seiteninformationen nicht als Liste angelegt.;Alle Seiten: Wird im Suche-Layer die Vorschlagsliste eingeblendet, überdeckt diese den eingegebenen Suchbegriff.;Alle Seiten: Die Seiten besitzen keine Strukturelemente wie z.B. <header>, <main>, <footer>, <nav> um den Inhalt der Seite zu unterteilen.;Suchseite: Der Rahmen des Filter-Layers ist im Hochkontrastmodus nicht sichtbar.;Alle Seiten: Im Hochkontrastmodus besitzen die eingeblendeten Untermenü-Layer keine sichtbaren Rahmen der sie vom Hintergrund abhebt.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Alle Seiten: Der Screenreader gibt mehrere Links und Texte durch die enthaltenen &shy;-Zeichen schwer verständlich aus.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
Inhalte brechen in einspaltiges Layout um nicht bestanden Alle Seiten: Der Link "Seitenanfang" (oberhalb des Footers) wird durch das Pfeil-Icon überlagert.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Formularseite: Der Rahmen der Checkbox hat ein zu geringes Kontrastverhältnis zum Hintergrund.
Textabstände sind anpassbar nicht bestanden Alle Seiten: Nach dem Anpassen der Textabstände wird der Suche-Link unter der Hauptnavigation (in einer neuen Zeile) dargestellt.
Tastaturbedienbarkeit ist gegeben nicht bestanden Startseite: Im Bereich Medien ist die Navigation mit den Pfeiltasten (Rechts/Links) zwischen den Paginierungspunkten der Slider nicht möglich.;Videoseite: Im Video-Player kann der Untertitel des Videos nicht deaktiviert werden.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Im Bereich Medien erhalten je Slide zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen.;Startseite: Nach dem Öffnen einer Sliderseite über die Paginierung wird der Fokus nicht auf das erste Element der geöffneten Sliderseite gesetzt.;Suchseite: Der Fokus wird bspw. nach dem Filtern der Liste, nach dem Löschen des Filters, nach dem Ausführen einer erneuten Suche oder nach dem Öffnen der nächsten Suchergebnisseite an den Seitenanfang und nicht auf den ersten Suchergebniseintrag gesetzt.;Formularseite: Der Fokus wird nach dem Absenden eines fehlerhaften Kontaktformulars nicht auf den Bereich mit den Fehlermeldungen bzw. auf das erste fehlerhafte Formularfeld gesetzt.;Videoseite: Der gesamte Video-Player erhält mit der Tabulatortaste den Fokus.;Alle Seiten: Navigiert ein Nutzer mit der Tabulatortaste durch das Hauptmenü, dann wird bei Fokuserhalt automatisch das dazugehörige Untermenü eingeblendet. Ein Nutzer muss anschließend alle Untermenüpunkte mit Tab durchlaufen, bevor er auf den nächsten Hauptmenüpunkt gelangt.;Alle Seiten: Der Cookie-Layer wird erst nach dem Skip-Link "Inhalt" fokussiert.
Linkzweck ist verständlich (im Kontext) nicht bestanden Suchseite: Die Zurück-/Weiter-Navigationsbuttons in der Paginierung sind nicht eindeutig beschriftet, sondern immer nur mit der entsprechend erreichbaren Seite (statt Weiter z.B. Seite 2).;Videoseite: Der Videoplayer-Link besitzt einen sehr langen alt-Text.
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden Startseite: Auf der Seite werden mehrere Teaser mit einer langen Beschriftung ausgegeben, da die Links neben der Themenbezeichnung zusätzlich eine Grafik sowie einen beschreibenden Text als Linktext enthalten.;Suchseite: Auf der Suchergebnisseite werden die Links der Suchergebnisse jeweils mit dem gesamten Text des Eintrags ausgegeben.;Suchseite: Der X-Button des Filter-Layers hat mit Suche öffnen/schließen keine korrekte Bezeichnung. (Mit dem Button kann der Layer nur geschlossen werden);Videoseite: Bei den Bedienelementen des Video-Players werden falsche Bezeichnungen vom Screenreader ausgegeben.
Label enthält sichtbare Beschriftung nicht bestanden Alle Seiten: Im Servicemenü wird der Link Bundesministerium des Innern und für Heimat mit einer Beschriftung ausgegeben, welche von der visuellen abweicht: www.bmi.bund.de (Öffnet neues Fenster).
Navigation ist konsistent aufgebaut nicht bestanden Startseite: In der Servicenavigation (im Header) fehlt der Vorlesen-Link.
Name, Rolle und Wert sind identifizierbar nicht bestanden Startseite: In den Slidern werden die Paginierungspunkte vom Screenreader als Registerkarte ausgegeben.;Suchseite: Im geöffneten Filter-Layer der Suche, werden die Texte die einen Filterbereich beschreiben (z.B. Formate) zusätzlich als Schalter ausgegeben.;Alle Seiten: Der Suche-Button hinter der Hauptnavigation, wird vom Screenreader als Registerkarte ausgegeben.
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.;Videoseite: Der I-Frame in dem das Video geladen wird, besitzt keinen Titel.
Eingabe führt nicht zu Kontextänderung im Wesentlichen bestanden Suchseite: Übernimmt ein Nutzer beim Sucheingabefeld einen Wert der Vorschlagsliste, dann wird die Suche automatisch gestartet. Ein Nutzer wird im Vorfeld nicht über dieses Verhalten informiert.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) bestanden
Schriftgröße kann angepasst werden 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
Wiederkehrende Bereiche können übersprungen werden bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Tastaturfokus ist sichtbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Syntaxspezifikationen sind erfüllt bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden

Möglicherweise verwandte Prüfungen

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.