Staatliches Gutachten zur digitalen Barrierefreiheit

Website der Bundeskanzlerin

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Struktur ist überwiegend nutzbar, aber fehlerhafte Überschriftenstruktur, problematische Alternativtexte und teils nicht tastaturbedienbare oder nicht fokussierbare Bedienelemente beeinträchtigen die Nutzung deutlich.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere gravierende Farb- und Kontrastprobleme, schlechte Erkennbarkeit im Hochkontrastmodus und fehlendes responsives Umbruchverhalten erschweren die Nutzung für sehbehinderte Menschen stark.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Audio sind weitgehend vorhanden, es fehlen aber Textalternativen und Audiodeskription bei Videos, was Informationsverluste verursachen kann.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienbarkeit ist vorhanden, aber fehlende Bedienbarkeit einzelner Slider-Elemente, viele unnötige Tabschritte und teils unsichtbarer Fokus erschweren die Nutzung deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und gute Fehlerunterstützung helfen, aber schlechte Kontraste, teils überlange Überschriften und unklare Fehlermeldungen können Verständnis und Orientierung beeinträchtigen.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende Ablenkungsprobleme und konsistente Struktur sind positiv, jedoch führen unnötig komplexe Fokusreihenfolgen, schlechte Sichtbarkeit von Zuständen und Kontrastmängel zu erhöhter kognitiver Belastung.

Dokumentierte Barrieren

  • Tastaturbedienung einzelner Slider-Elemente fehlt

    Einige Bedienelemente im Slider, etwa Video und Vor-/Zurück-Buttons, sind nicht mit der Tastatur nutzbar. Auch Teile der Slider-Inhalte werden beim Tabben erreicht, obwohl sie nicht sichtbar sind.

    Auswirkung: Ich kann bestimmte Inhalte oder Funktionen nicht zuverlässig bedienen, wenn ich keine Maus benutze. Das kostet Zeit und kann dazu führen, dass ich zentrale Inhalte des Sliders gar nicht erreiche.

  • Fehlermeldung im Kontaktformular ist unverständlich

    Wenn eine E-Mail fehlt, wird eine fehlerhafte Platzhaltermeldung ausgegeben statt einer klaren Fehlermeldung. Die Rückmeldung hilft nicht dabei, den Fehler zu verstehen und zu korrigieren.

    Auswirkung: Ich weiß dann nicht, was ich im Formular falsch gemacht habe. Das kann das Absenden der Kontaktanfrage verhindern oder stark verzögern.

  • Videos ohne Textalternative

    Auf der Website gibt es aufgezeichnete Videos, zu denen keine verständliche Textalternative angeboten wird. Inhalte aus den Videos sind dadurch nicht in anderer Form abrufbar.

    Auswirkung: Ich kann die Informationen aus dem Video nicht erfassen, wenn ich das Video nicht sehen oder hören kann. Wichtige Aussagen, Erläuterungen oder Hintergründe bleiben mir dann verborgen.

  • Fokus im Slider und bei Vorschauvideos nicht sichtbar

    Bei mehreren interaktiven Elementen ist der Tastaturfokus nicht erkennbar, zum Beispiel bei Pfeilen im Slider, beim Videoplayer und bei Vorschauvideos in Suchergebnissen. Dadurch ist nicht klar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann nicht sicher nachvollziehen, wo ich mich auf der Seite befinde. Dadurch steigt die Gefahr von Fehlbedienungen und ich verliere Orientierung bei der Navigation.

  • Unzureichender Kontrast von Texten und Steuerelementen

    Mehrere Texte, Buttons und Kalender-Elemente haben zu wenig Kontrast zum Hintergrund. Das betrifft zum Beispiel Buttons in der Mediathek und Monats- sowie Jahresanzeigen im Terminkalender.

    Auswirkung: Ich kann Beschriftungen und Bedienelemente schlechter erkennen, besonders bei Sehschwäche oder ungünstigen Lichtverhältnissen. Dadurch werden Navigation und Auswahl von Inhalten mühsam oder fehleranfällig.

  • Keine Audiodeskription für Videos

    Bei aufgezeichneten Videos fehlt eine Audiodeskription. Visuelle Inhalte und wichtige Handlungen werden damit nicht zusätzlich beschrieben.

    Auswirkung: Wenn ich blind bin oder das Bild nicht ausreichend wahrnehmen kann, fehlen mir wichtige Bildinformationen. Ich verstehe dann den Inhalt des Videos nur teilweise.

  • Seitenlayout bricht bei kleiner Darstellung nicht sauber um

    Inhalte passen sich nicht vollständig an enge Ansichten an und es entsteht horizontales Scrollen. Auf einzelnen Seiten werden Texte zudem abgeschnitten.

    Auswirkung: Ich muss seitlich scrollen oder Inhalte sind nur teilweise sichtbar. Das erschwert die Nutzung auf kleinen Bildschirmen oder bei vergrößerter Darstellung deutlich.

  • Unzureichende Alternativtexte für Bilder und Bedienelemente

    Mehrere Bilder und Buttons haben irreführende, doppelte oder nicht aussagekräftige Alternativtexte. Dadurch ist der Zweck einzelner Inhalte nicht klar erkennbar.

    Auswirkung: Wenn ich einen Screenreader nutze, bekomme ich falsche oder wenig hilfreiche Informationen. Ich kann dann Bilder, Schaltflächen und Seiteninhalte schlechter verstehen und gezielt auswählen.

  • Wichtige Status- und Kalenderinformationen sind im Hochkontrastmodus schlecht erkennbar

    Im Hochkontrastmodus sind einzelne Beschriftungen, aktive Menüpunkte, Kalenderzustände und Fortschrittsanzeigen schwer oder gar nicht sichtbar. Das betrifft unter anderem den Kalender, die Suche und den Videoplayer.

    Auswirkung: Ich kann nicht sicher erkennen, was gerade aktiv ist oder wie der aktuelle Zustand der Seite aussieht. Das erschwert mir die Nutzung besonders dann, wenn ich auf hohe Sichtbarkeit angewiesen bin.

  • Hover-Menüs lassen sich per Tastatur nicht zuverlässig schließen

    Ein per Maus eingeblendetes Untermenü kann nicht mit der Escape-Taste geschlossen werden. Tastaturnutzende müssen sich durch das geöffnete Untermenü bewegen, bevor sie weiterarbeiten können.

    Auswirkung: Ich kann mich leichter im Menü festfahren und brauche unnötig viele Schritte, um zum eigentlichen Inhalt zu gelangen. Das verlangsamt die Nutzung und macht die Navigation anstrengend.

  • Mehrere Navigationselemente erfordern unnötig viele Tab-Schritte

    An einigen Stellen gibt es doppelte oder mehrfach verlinkte Inhalte, etwa Bild, Überschrift und „mehr“-Link zum selben Ziel. Dadurch entstehen zusätzliche Tabstopps ohne neuen Informationsgewinn.

    Auswirkung: Ich brauche länger, um mich durch die Seite zu bewegen, und verliere leichter die Übersicht. Besonders mit Tastatur oder Screenreader wird die Navigation unnötig mühsam.

  • Screenreader- und Fokusstruktur der Überschriften ist fehlerhaft

    Die Überschriftenstruktur ist an mehreren Stellen unlogisch oder doppelt, etwa durch falsche H1/H2/H4-Zuordnungen und nicht passende versteckte Texte. Das erschwert die Orientierung innerhalb der Seite.

    Auswirkung: Ich kann mir die Seite schlechter nach Überschriften erschließen und Inhalte schwerer überspringen. Dadurch wird das Erfassen und Finden relevanter Abschnitte deutlich mühsamer.

  • Kontaktformular unterstützt Autoausfüllen nicht

    Eingabefelder für personenbezogene Daten sind nicht mit passenden Autocomplete-Informationen versehen. Unterstützende Browser- oder Passwortmanager-Funktionen können dadurch ausbleiben.

    Auswirkung: Ich muss meine Daten jedes Mal manuell eingeben. Das ist langsamer und fehleranfälliger, besonders bei längeren Formularen oder motorischen Einschränkungen.

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
Microsoft Windows 10 Enterprise
Browser
Google Chrome 88.0.4324.190
Screenreader
NVDA 2020.3
Auflösung
1920 x 1200 Pixel
  • https://www.bundeskanzlerin.de/ Web-Angebot öffnen
  • https://www.bundeskanzlerin.de/bkin-de/suche/70444!search?query=Kanzleramt&submit.x=0&submit.y=0
  • https://www.bundeskanzlerin.de/bkin-de/kontakt
  • https://www.bundeskanzlerin.de/bkin-de/mediathek
  • https://www.bundeskanzlerin.de/bkin-de/mediathek/pressestatement-der-bundeskanzlerin-nach-der-videokonferenz-des-europaeischen-rates-1863940!mediathek?query=
  • https://www.bundeskanzlerin.de/bkin-de/service
  • https://www.bundeskanzlerin.de/bkin-de/angela-merkel/terminkalender
  • https://www.bundesregierung.de/resource/blob/975226/1744452/b94f2c67926030f9015985da586caed3/2020-04-16-bf-bk-laender-data.pdf?download=1
  • https://www.bundeskanzlerin.de/resource/blob/72458/464102/508b0fb252d0eb4095b7d0a2dff3e10e/kanzler-pdf-data.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden * Button Suche: doppelte Ausgabe der Bezeichnung (alt- und title-Attribut) * Button Kalender: doppelte Ausgabe der Bezeichnung (alt- und title-Attribut) [Suche nach Kanzleramt] * Nicht aussagekräftiger alt-Text "Grafik auf weißen Hintergrund" und "dummy-306-1" [Startseite] * alt-Text "Logo: Bundesregierung" passt nicht zum Bild (erstes Bild oberhalb des Footers) [Startseite]
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden * Videos besitzen keine Alternativen in Textform [Video]
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden * Audiodeskription ist nicht vorhanden [Video]
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Nicht sichtbarer Text für Skipnavigation ist als H1 ausgezeichnet ("Navigation und Service"); * Zwei H1 Überschriften ("Skipnav und" "Kontakt" | "Skipnav" und "<Monat> 2021") [Kontakt] [Terminkalender]; * H4 als erste Überschrift [Suche nach "Kanzleramt"]; * Zwischenüberschrift H2 fehlt für Suchergebnisse; es gibt nur eine H2 für "Top-Artikel" [Suche nach "Kanzleramt"]; * Zum Teil nicht aussagekräftige ausgeblendete Zusatztexte bei Bildern/Links (Box "Corona-Warn-App" mit Quelle, Box "Rundgang durchs Kanzleramt" mit caption dummy-306-1) [Startseite]; * Linktext: "30" und "50" nicht aussagekräftig (auch kein title vorhanden) [Suche nach "Kanzleramt"]; * Doppelte Ausgabe von Links durch Linktext und title-Attribut (Menü; Artikelverlinkungen H3) [Startseite]; * Gleiches Linkziel für H3 und p-Text mit unterschiedlichen Texten (Im Bundeskanzleramt / Tagung des Corona-Kabinetts vs. Terminkalender); * Doppelter Link (H2 und Bild) bei Diashow/Slider [Startseite]; * Doppelter Link (H2 und Button) bei Youtube, Instagram und Bundesbildstelle [Mediathek]; * Link "Seite drucken": doppelte Ausgabe (Linktext und title) [Alle außer Startseite]; * Liste mit nur einem Listenelement ("nav-pageposition") [Alle Seiten außer Startseite]; * Liste mit nur einem Listenelement unter Top-Artikel [Suche nach "Kanzleramt"]; * Liste mit nur einem Listenelement (Fehlermeldung) [Kontakt]; * Unterschiedliche Ausgabe für Screenreader bei Filtermöglichkeiten (Fotoreihe 21 und 2021) [Suche nach "Kanzleramt"]; * Hochkontrastansicht: Beschriftung Logo im Header nicht mehr sichtbar; * Hochkontrastansicht: Icon Suche schlecht sichtbar; * Hochkontrastmodus: Video-Fortschrittsbalken nicht sichtbar [Video]; * Hochkontrastmodus: Kalender aktives Jahr/Monat nicht erkennbar [Terminkalender]; * Hochkontrastmodus: aktiver Menüpunkt schlecht erkennbar
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden * Nutzer-Daten (Vor- und Zuname, E-Mail, …) werden nicht automatisch ausgefüllt (kein autocomplete) [Kontakt]
Farbe ist nicht einziger Informationsträger nicht bestanden * Verlinkungen innerhalb der Seite (dunkelblau) heben sich nur schwer vom eigentlichen Text (schwarz) ab
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden * Kontrastverhältnis von 4,5:1 nicht erfüllt: ** Weißer Text auf grauem Button 2,3:1 (Link zu YouTube, Instagram,… ) [Mediathek]; ** Grauer Text auf Weiß 2,8:1 (Jahreszahlen, Monate in der Sidebar) [Terminkalender]
Inhalte brechen in einspaltiges Layout um nicht bestanden * Inhalte brechen nicht um, Horizontale Scrollbar
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden * Kontrastverhältnis von 3:1 nicht erfüllt: ** Hellgrauer Button auf Weiß (Zur Mediathek; Bildnachweise) 1,1:1 [Startseite] [Service]; ** Grauer Rahmen Eingabefelder, Checkboxen auf Hellgrau 1,5:1 [Suche nach "Kanzleramt"] [Terminkalender]; ** Grauer Rahmen Eingabefelder auf Weiß 1,6:1 [Kontakt]; ** Grauer Button auf Weiß 1,9:1 [Terminkalender]; ** Hellgraue Boxen für Termin 1,1:1 [Terminkalender]; ** Button mit Pfeilen auf Weiß (Zurück/Vor für Jahr/Monat) 2,8:1 [Terminkalender]; ** Tabellenrahmen für Kalender 1,4:1 [Terminkalender]; ** Hintergrund für Auswählbare Wochentage 1,1:1 [Terminkalender]
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden * Per MouseOver eingeblendetes Untermenü lässt sich nicht durch Esc-Taste schließen
Tastaturbedienbarkeit ist gegeben nicht bestanden * SR: Video in Slider kann mit Tastatur nicht gesteuert werden [Startseite]; * Zurück/Vor Buttons bei Box "Die Kanzlerin im Bild" können mit der Tastatur nicht genutzt werden > div [Startseite]
Fokusreihenfolge ist aufgabenangemessen nicht bestanden * Slider > Tab durch alle nicht sichtbaren Bilder/Überschriften [Startseite]; * Box mit Fotos "Die Kanzlerin im Bild" > Tab durch 8 Bilder [Startseite]; * 6 Boxen > 3 Links (Bild, H2, "mehr") für ein Linkziel > unnötige Tabschritte [Service]; * Filterung (durch Checkboxen) > Aktualisierung der Seite > Fokus am Anfang der Seite und nicht auf ersten Suchergebniseintrag [Suche nach "Kanzleramt"]; * Untermenü öffnet sich automatisch und nicht durch die ENTER-Taste > Tastaturnutzer müssen immer erst durch das gesamte Untermenü tabben, bis sie zum Inhaltsbereich gelangen
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden * Teaserliste und Suchergebnisse in Liste: <em>-Text und Linktext als H3 Überschrift (zu lang) [Startseite] [Suche nach "Kanzleramt"]
Tastaturfokus ist sichtbar nicht bestanden * Fokus bei Next / Prev Pfeilen nicht sichtbar (Slider) [Startseite]; * Fokus auf Bild und Play-Button beim Video im Slider nicht sichtbar [Startseite]; * Fokus auf Vorschauvideos in den Suchergebnissen nicht sichtbar [Suche nach "Kanzleramt"]
Fehlermeldungen enthalten Korrekturvorschläge nicht bestanden * wenn keine E-Mail eingegeben wurde, wird die Fehlermeldung nicht korrekt ausgegeben ("???form.validation.requiredpattern???)" [Kontakt]
Syntaxspezifikationen sind erfüllt nicht bestanden * Es treten Syntaxfehler auf: ** Attribute alt not allowed on element input at this point; ** Attribute disableremoteplayback not allowed on element video at this point [Startseite]; ** Attribute webkit-playsinline not allowed on element video at this point [Startseite]; ** Attribute jw-loaded not allowed on element video at this point [Startseite]; ** Duplicate ID stage-2 [Startseite]; ** Element h3 not allowed as child of element ol in this context [Suche nach "Kanzleramt"]; ** Element p not allowed as child of element span in this context [Kontakt]; ** Attribute label not allowed on element input at this point [Kontakt]; ** Element h3 not allowed as child of element em in this context [Mediathek]; ** Attribute n not allowed on element input at this point [Mediathek]; ** Duplicate ID wrapperFooter [Mediathek]
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden
nicht bestanden

Im Wesentlichen bestanden

Kriterium Status Notizen
Textabstände sind anpassbar im Wesentlichen bestanden * Termin-Text neben Datum (wenn zu lang) wird etwas abgeschnitten; Box wird nicht mit vergrößert [Startseite]

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Live-Audio-Inhalte besitzen Untertitel bestanden
Sinnvolle Lesereihenfolge ist gegeben bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar 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
Titel beschreiben Thema oder Zweck bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar 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
Abweichende Sprache einzelner Abschnitte 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
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Name, Rolle und Wert sind identifizierbar bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden
B.1
PAC3 Test ergibt PDF/UA-konform
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.