Staatliches Gutachten zur digitalen Barrierefreiheit

www.banst-pt.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Weitgehend zugänglich

Screenreader-Nutzbarkeit ist insgesamt gut (Tastaturbedienung, Struktur weitgehend vorhanden), aber Probleme bei Struktur (1.3.1), Lesereihenfolge (1.3.2), Formularhinweisen (3.3.x) und Menüs (4.1.2) erschweren die Nutzung spürbar.

Sehbehinderung Mit Hindernissen nutzbar

Gute Textkontraste, Skalierung und kontrastreiches Theme sind vorhanden, aber Probleme bei Reflow (1.4.10), schwache Kontraste von Bedienelementen (1.4.11, 2.4.7) und teilweise überlagerte Inhalte schränken die Nutzung deutlich ein.

Hörbehinderung Fast barrierefrei

Untertitel für aufgezeichnete Audios sind vorhanden (1.2.2), kritische Multimedia-Inhalte sind kaum vorhanden und Gebärdensprache sowie Leichte Sprache stehen bereit, sodass Hörbeeinträchtigungen kaum hinderlich sind.

Motorische Behinderung Weitgehend zugänglich

Vollständige Tastaturbedienbarkeit ohne Fallen (2.1.1, 2.1.2) und keine komplexen Zeigereingaben (2.5.x), nur suboptimale Fokusführung und Menüeffizienz (2.4.3, 2.4.7) mindern die Nutzbarkeit etwas.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation und Benennung (3.2.x), klare Sprache und Leichte-Sprache-Angebot unterstützen, jedoch sind Formulare und Fehlerkennzeichnung (3.3.x) sowie ineffiziente Cookie- und Menübedienung teils verwirrend.

Neurodivergenz Weitgehend zugänglich

Fehlende Animationen/Zeitdruck und konsistente Struktur sind positiv, aber ineffiziente Fokusreihenfolge, nicht optimale Fehlermeldungen und vereinzelte Strukturprobleme können Konzentration und Orientierung merklich belasten.

Dokumentierte Barrieren

  • Inhalte brechen bei Vergrößerung nicht sauber um

    Bei starker Vergrößerung und in der mobilen Ansicht ist ein wichtiger Kontrast-Umschalter im Hochformat nicht sichtbar. Auf der Startseite überlagern sich zudem Zahlen in einem Inhaltsbereich, sodass sie nicht vollständig lesbar sind.

    Auswirkung: Ich kann Inhalte und wichtige Bedienoptionen nicht zuverlässig erkennen, wenn ich stark zoome oder ein kleines Display nutze. Dadurch wird das Lesen und Anpassen der Ansicht deutlich erschwert.

  • Tastaturfokus ist auf Buttons und Karussell schlecht sichtbar

    Auf einigen Steuerelementen ist der Fokusrahmen kaum zu erkennen, etwa auf den Karussell-Pfeilen und den Formular-Buttons. Dadurch ist nicht immer sichtbar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann bei der Tastaturbedienung leicht die Orientierung verlieren. Das erhöht die Gefahr von Fehlbedienungen und macht die Navigation mühsamer.

  • Fehlermeldungen im Formular sind unklar und verschwinden zu schnell

    Fehlermeldungen benennen das betroffene Feld nicht eindeutig und sprechen die Nutzenden uneinheitlich an. Außerdem verschwinden die Hinweise wieder, sobald das Feld verlassen wird.

    Auswirkung: Ich weiß im Fehlerfall nicht sofort, was ich korrigieren muss, und kann die Meldung leicht verpassen. Das macht das Ausfüllen des Formulars unnötig schwierig.

  • Untermenüs sind semantisch schlecht strukturiert

    Die Untermenüs sind nicht sauber als Liste oder gleichwertige Struktur ausgezeichnet. Zusätzlich werden Menüeinträge und die wiederholten Untermenü-Überschriften für Screenreader nicht klar getrennt.

    Auswirkung: Ich muss mich durch unübersichtliche Navigationsansagen arbeiten und erkenne die Menüstruktur schlechter. Das macht es schwerer, gezielt Unterseiten zu finden.

  • Untermenü ist mit Tastatur unnötig aufwendig

    Alle Einträge im Untermenü müssen einzeln mit Tab erreicht werden. Es gibt keine effizientere Bedienung innerhalb des Menüs.

    Auswirkung: Ich brauche deutlich mehr Tastendrücke, um zu einer gewünschten Unterseite zu kommen. Das ist anstrengend und kostet unnötig Zeit, vor allem bei häufiger Nutzung.

  • Pflichtfelder sind nicht klar als Pflicht erkennbar

    Mehrere Pflichtfelder sind visuell nicht eindeutig als Pflichtfelder markiert. Dadurch ist vor dem Absenden nicht sicher erkennbar, welche Angaben zwingend erforderlich sind.

    Auswirkung: Ich kann Formulare schneller unvollständig ausfüllen und muss Fehler nachträglich suchen. Das kostet Zeit und kann frustrieren, besonders wenn ich Unterstützung brauche.

  • Karussell-Inhalte in falscher Lesereihenfolge

    In den Flyouts und Karussells werden erklärende Texte und Steuerungen in einer Reihenfolge ausgegeben, die nicht dem sichtbaren Aufbau entspricht. Screenreader-Nutzende müssen teilweise rückwärts lesen, um den Inhalt sinnvoll zu erfassen.

    Auswirkung: Ich verstehe den Zusammenhang von Inhalt und Bedienelementen schlechter und verliere schneller die Orientierung. Gerade bei wechselnden Karussell-Inhalten kostet mich das unnötig Zeit und Aufmerksamkeit.

  • Karussell-Bedienelemente sind schwer erkennbar

    Die Pfeile und Punkte zum Wechseln im Bilder-Karussell haben einen zu geringen Kontrast. Dadurch sind sie auf manchen Hintergründen nur schlecht wahrnehmbar.

    Auswirkung: Ich erkenne die Bedienelemente nicht sicher und weiß möglicherweise nicht, wie ich zwischen den Folien wechseln kann. Das erschwert besonders für sehbeeinträchtigte Nutzende die Nutzung des Karussells.

  • Cookie-Hinweis erscheint zu spät im Fokus

    Das Cookies-Pop-up wird erst am Ende der Seite erreicht und ist nicht modal. Dadurch kann man es nicht sofort wahrnehmen oder direkt beantworten.

    Auswirkung: Ich muss erst weit durch die Seite navigieren, bevor ich die Cookie-Auswahl erreiche. Das stört den Einstieg und kann mich beim Lesen oder Bedienen der Seite ausbremsen.

  • Fehlende Menühinweise für Untermenüs

    Die Einträge im Hauptmenü geben nicht klar an, dass dahinter weitere Untermenüs liegen. Die Struktur ist zwar vorhanden, aber für assistive Technologien nicht direkt erkennbar.

    Auswirkung: Ich kann nicht zuverlässig abschätzen, welche Menüpunkte weitere Inhalte öffnen. Das erschwert die Navigation und die Orientierung auf der Website.

  • Formularfelder haben keine Autofill-Hinweise

    Für wichtige Eingabefelder wie Name, E-Mail oder Telefonnummer werden keine Auto-Complete-Angaben angeboten. Dadurch kann der Browser gespeicherte Daten nicht zuverlässig passend vorschlagen oder eintragen.

    Auswirkung: Ich muss meine Daten jedes Mal manuell eingeben, obwohl ich sie schon einmal verwendet habe. Das ist langsamer und fehleranfälliger, besonders auf mobilen Geräten oder mit Hilfstechnologien.

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 117.0.5938.63 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2023.1
Auflösung
SXGA - 1280 x 1024
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome), HTML Validator, WCAG Parsing Bookmarklet
  • www.banst-pt.de Web-Angebot öffnen
  • https://www.banst-pt.de/kontakt
  • https://www.banst-pt.de//karriere
  • https://www.banst-pt.de/ueber-uns/miteinander-in-die-zukunft
  • https://www.banst-pt.de/fileadmin/banst/content/Ueberuns/Blick_in_die_Zukunft/BANST-PT-Strategie-fuer-die-Zukunft-082020-bf.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden * Alle Seiten: Die Skip-Links zu Beginn der Seite sind in einer Liste gruppiert, in der bei linearem Lesen auch die Aufzählungszeichen ausgegeben werden. Die Titel der Hauptmenüeinträge werden nochmals als visuelle Überschrift im geöffneten Untermenü angezeigt, sind aber nicht als solche ausgezeichnet. Außerdem entsteht dadurch eine Dopplung, weil der Hauptmenüeintrag genauso lautet wie die Untermenü-Überschrift (diese sollte mit aria-hidden="true" für Screenreader-Nutzer versteckt werden). Die Untermenüeinträge sind nicht in einer Liste strukturiert. * Startseite & Inhaltsseite: Aufgrund von Zeilenumbrüchen <br> gibt der Screenreader die H1- und die folgende H2-Überschrift in jeweils 2 Leseschritten aus.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden * Formularseite: Es werden für bspw. Name, Vorname, Mailadresse und Telefonnummer keine autocomplete-Attribute angeboten.
Inhalte brechen in einspaltiges Layout um nicht bestanden * Alle Seiten: In der Mobile-Ansicht und bei starker Vergrößerung (Desktop + 400%) ist der Link für die Kontrast-Umstellung im Portraitmodus nicht sichtbar. * Startseite: Die Zahlen des Abschnittes "Die Bundesanstalt in Zahlen" sind nicht vollständig lesbar, weil sie einander überlagern.
Tastaturfokus ist sichtbar nicht bestanden * Inhaltsseite: Auf den Pfeilen und der Blätterfunktion des Bilder-Karussells ist der Fokus nicht bzw. schlecht erkennbar (auch im kontrastreichen Theme). * Formularseite: Auf den dunkelblauen Primary-Buttons ist der schwarze Fokusrahmen nicht gut erkennbar (Kontrastabstand von 1,8:1).
Label enthalten Eingabehinweise nicht bestanden * Formularseite: Die Pflichtfelder sind tlw. visuell nicht als solche gekennzeichnet.
Syntaxspezifikationen sind erfüllt nicht bestanden * Startseite, Inhaltsseite, Formular: Fehler vom Typ "Attribute XX not allowed on element YY at this point."

Im Wesentlichen bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte im Wesentlichen bestanden * Alle Seiten: Die drei Logos im Footer sind für Screenreader-Nutzer nicht wahrnehmbar (Hintergrundgrafiken ohne Beschriftungen).
Aufgezeichnete Video-Inhalte besitzen Alternativen im Wesentlichen bestanden * keine Textalternative oder Audiodeskription vorhanden, in dem Video aber auch nicht zwingend benötigt.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen im Wesentlichen bestanden * keine Audiodeskription vorhanden, in dem Video aber auch nicht zwingend benötigt.
Sinnvolle Lesereihenfolge ist gegeben im Wesentlichen bestanden * Alle Seiten: In den Flyouts der Untermenüs befindet sich der Satz zum Inhalt des Bereiches (bspw. "Hier erfahren Sie…") in der Screenreader-Lesereihenfolge erst nach den Untermenüeinträgen. Das ist nicht sinnvoll. * Startseite & Inhaltsseite: Die Links "Nächste Folie" und "Vorherige Folie" der Karussells sind so platziert, dass sich die Änderung in der Lesereihenfolge zuvor ergibt und Screenreader-Nutzer rückwärts navigieren/lesen müssen.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend im Wesentlichen bestanden * Inhaltsseite: Die Punkte der Blätterfunktion im Bilder-Karussell sind nicht gut erkennbar (Kontrast von 2,2/1,2:1). * Startseite & Inhaltsseite: Gleiches gilt für die weißen Pfeile zum Umblättern (ca. 1,5:1 je nach Hintergrund). Im kontrastreichen Theme ist der Kontrast aber ausreichend.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden * Alle Seiten: Die aktuelle Seite ist jeweils im Browser-Titel benannt, aber der Name der Website nicht.
Fokusreihenfolge ist aufgabenangemessen im Wesentlichen bestanden * Startseite: Das Cookies-Pop-up wird erst am Ende der Seite erreicht. Zudem ist es nicht modal. Das Menü ist nicht effizient bedienbar, weil alle Einträge im Untermenü mit der Tabulatortaste durchlaufen werden müssen.
Fehlermeldungen sind in Textform vorhanden im Wesentlichen bestanden * Formularseite: Die Fehlermeldungen sprechen die Nutzenden in der Du-Form an, obwohl sonst die formelle Sie-Ansprache genutzt wird. Außerdem wird in den Fehlermeldungen das fehlerhafte Feld nicht benannt, sondern immer nur "dieses Feld". Bei Auftreten eines Fehlers wird das fehlerhafte Feld fokussiert und Beschriftung, Rolle und Fehlermeldung ausgegeben. Allerdings blendet die Fehlermeldung bei Verlassen des Feldes wieder aus und ist nicht mehr wahrnehmbar.
Name, Rolle und Wert sind identifizierbar im Wesentlichen bestanden * Alle Seiten: Die Einträge im Hauptmenü enthalten keinen Hinweis auf das Vorhandensein von Untermenüs. Die Seiten der Untermenüs sind aber jeweils auch über die Übersichtsseiten erreichbar.

Bestanden

Kriterium Status Notizen
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
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck 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
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden * Formularseite: Fehlermeldungen und der Versand des Kontaktformulars werden unmittelbar vom Screenreader ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden * Ergebnis der formalen Prüfung: nicht bestanden
A.2
Feedback-Mechanismus ist vorhanden
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

Nicht anwendbar

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen nicht anwendbar
Automatisch abgespielte Audio-Inhalte sind steuerbar nicht anwendbar
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar nicht anwendbar
Zeitbegrenzungen sind steuerbar nicht anwendbar
Automatisch gestartete Animationen sind steuerbar nicht anwendbar
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht anwendbar
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 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.