Staatliches Gutachten zur digitalen Barrierefreiheit

Bundesinstitut für Berufsbildung (BIBB)

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

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Viele für Screenreader relevante Basisanforderungen (Alternativtexte, Struktur, Lesereihenfolge, Tastaturbedienung, Skiplinks, Fokus, 4.1.x) sind nicht erfüllt und führen zu erheblichen Nutzungsproblemen, obwohl Grundfunktionen vorhanden sind.

Sehbehinderung Kaum nutzbar

Massive Kontrastprobleme bei Text und Bedienelementen sowie unsichtbarer Tastaturfokus beeinträchtigen die Orientierung und Lesbarkeit stark, trotz grundsätzlich skalierbarer Schrift und responsivem Layout.

Hörbehinderung Weitgehend zugänglich

Die meisten Inhalte sind textbasiert und es gibt Gebärdensprache-Angebote, aber unvollständige bzw. nur englische Untertitel bei Videos schränken die Nutzung audiovisueller Inhalte ein.

Motorische Behinderung Mit Hindernissen nutzbar

Zentrale Probleme bei Tastaturbedienbarkeit, Fokusreihenfolge, unsichtbarem Fokus und fehlerhaft umgesetzten Skiplinks erschweren die Nutzung für Menschen, die stark auf Tastatur oder alternative Eingaben angewiesen sind.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation, korrekte Spracheinstellungen und vorhandene Leichte Sprache helfen, während unklare Linktexte, fehlerhafte Überschriftenstruktur und schwache Fehlermeldungen Orientierung und Formularnutzung erschweren.

Neurodivergenz Mit Hindernissen nutzbar

Stabile, konsistente Navigation und fehlende Zeitdruck-/Animationalarm-Elemente sind positiv, aber schlechte Fokusführung, unklare Linktexte und Strukturfehler können Aufmerksamkeit, Orientierung und Reizreduktion deutlich beeinträchtigen.

Veränderung

Aktuell angezeigt
12 gefundene Barrieren
7,4/10 Ø Schwere
Gutachten ansehen
9 gefundene Barrieren -3 zur vorherigen Prüfung
7,1/10 Ø Schwere -0,3 zur vorherigen Prüfung
Gutachten ansehen
11 gefundene Barrieren +2 zur vorherigen Prüfung
6,9/10 Ø Schwere -0,2 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Die Seite ist per Tastatur an wichtigen Stellen nicht zuverlässig bedienbar

    Die erweiterte Suche lässt sich nicht korrekt per Tastatur bedienen, und das Video kann mit der Tastatur nicht sauber gesteuert werden. Auch zusätzliche Filter und Bedienelemente führen zu Problemen bei der Bedienung ohne Maus.

    Auswirkung: Ich komme mit der Tastatur nicht sicher zu allen Funktionen oder kann sie nicht auslösen. Dadurch scheitere ich unter Umständen schon beim Suchen oder beim Abspielen des Videos.

  • Die Fokusreihenfolge erschwert oder verhindert die Nutzung zentraler Funktionen

    Der Fokus springt in einer unpraktischen Reihenfolge, etwa in der Suche oder in Untermenüs. Ausgeblendete Inhalte werden teilweise dennoch fokussierbar, und Menüs lassen sich nach dem Öffnen nicht immer wieder schließen.

    Auswirkung: Ich verliere beim Tabben die Orientierung und muss unnötig viele Schritte gehen. Im schlimmsten Fall erreiche ich wichtige Bedienelemente nicht oder kann ein Menü nicht mehr sinnvoll verlassen.

  • Videoinhalte sind für gehörlose Nutzer nur eingeschränkt verständlich

    Ein Video enthält nur englische Untertitel, obwohl deutschsprachige Inhalte erwartet werden können. Zusätzlich fehlt eine Audiodeskription für visuelle Informationen im Video.

    Auswirkung: Ich kann den Inhalt des Videos nicht vollständig erfassen, wenn ich auf Untertitel angewiesen bin und diese nicht in meiner Sprache verfügbar sind. Wenn wichtige Bildinformationen nicht beschrieben werden, fehlen mir Inhalte komplett.

  • Der Tastaturfokus ist teilweise unsichtbar

    Bei mehreren wichtigen Bedienelementen ist nicht erkennbar, welches Element gerade fokussiert ist. Das betrifft unter anderem Suche, Slider-Bedienung, Beitragsbilder und Videosteuerung.

    Auswirkung: Ich sehe nicht, wo ich mich auf der Seite gerade befinde. Dadurch kann ich Tastaturbedienung nur schwer oder gar nicht sicher nutzen.

  • Fehlermeldungen im Formular sind nicht ausreichend wahrnehmbar

    Im Feedback-Formular werden Fehler nicht als Text ausgegeben, sondern nur farblich markiert. Nutzende bekommen dadurch keine klare, direkte Rückmeldung, was falsch ist.

    Auswirkung: Ich erkenne nicht zuverlässig, welche Eingabe korrigiert werden muss. Dadurch kann ich ein Formular nicht sicher und selbstständig abschicken.

  • Die erweiterte Suche ist semantisch und technisch fehlerhaft umgesetzt

    Das Element für die erweiterte Suche ist als Label statt als Button ausgezeichnet. Außerdem wird ausgeblendeter Inhalt der erweiterten Suche vom Screenreader noch vorgelesen.

    Auswirkung: Ich verstehe nicht immer, was anklickbar ist und was nur eine Beschriftung ist. Zusätzlich werde ich mit Inhalten konfrontiert, die eigentlich verborgen sein sollten.

  • Strukturelle Fehler erschweren die Nutzung mit Screenreader

    Überschriften sind teilweise falsch aufgebaut oder fehlen, und einige Strukturinformationen werden vom Screenreader nicht richtig ausgegeben. Auch doppelte oder irreführende Auszeichnungen treten auf.

    Auswirkung: Ich kann mir die Seite schlechter erschließen und Inhalte nicht gut nach Themen überblicken. Das erschwert mir besonders das schnelle Springen zwischen Abschnitten.

  • Sprunglinks funktionieren nicht wie erwartet

    Es gibt Skiplinks, aber das Ziel für den Sprung fehlt oder der Sprung führt nicht direkt an die passende Stelle. Damit wird das schnelle Überspringen wiederkehrender Bereiche behindert.

    Auswirkung: Ich muss mich als Tastatur- oder Screenreader-Nutzer durch wiederkehrende Bereiche durcharbeiten, statt direkt zum Hauptinhalt zu springen. Das kostet Zeit und macht die Navigation anstrengender.

  • Linktexte sind oft zu unklar, um das Ziel zu erkennen

    Mehrere Links heißen nur allgemein wie "Download", "Weiterlesen" oder zeigen sogar nur URLs. Dadurch ist der Zweck vieler Links nicht eindeutig erkennbar.

    Auswirkung: Ich kann als Screenreader-Nutzer nicht sicher entscheiden, wohin ein Link führt. Das macht das schnelle Erfassen von Inhalten und das zielgerichtete Navigieren deutlich schwerer.

  • Text- und Bedienelemente sind teilweise schwer lesbar

    Mehrere Texte, Icons und Buttons haben zu wenig Kontrast zum Hintergrund. Das betrifft zum Beispiel Navigation, Registerkarten, Buttons und Social-Media-Elemente.

    Auswirkung: Ich kann Inhalte und Bedienelemente schlechter erkennen, besonders bei Sehschwäche oder bei ungünstigen Lichtverhältnissen. Dadurch übersehe ich Links oder kann sie nur mühsam lesen.

  • Wichtige Inhalte sind ohne passende Alternativtexte nicht verständlich

    Mehrere Bilder und Grafiken haben keine aussagekräftigen Alternativtexte oder wiederholen nur den sichtbaren Text. Platzhaltergrafiken unter Recherchetools sind ebenfalls nicht sinnvoll beschrieben.

    Auswirkung: Ich verstehe als Screenreader-Nutzer nicht, wofür die Bilder stehen oder ob sie nur dekorativ sind. Dadurch kann ich Inhalte, Themen und Funktionen der Seite schlechter erfassen.

  • Formulareingaben sind nicht komfortabel vorbefüllt

    Felder wie Name und E-Mail besitzen kein autocomplete. Dadurch müssen Nutzende bekannte Daten immer wieder manuell eingeben.

    Auswirkung: Ich brauche mehr Zeit und mehr Eingaben, obwohl die Informationen bereits bekannt sind. Das ist vor allem auf mobilen Geräten oder bei motorischen Einschränkungen unnötig belastend.

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 89.0.4389.72
Screenreader
NVDA 2020.3
Auflösung
1920 x 1200 Pixel

Veränderung nach WCAG-Kriterien

05.06.2024 Vereinfachte Überwachung Gutachten ansehen
12 nicht bestanden 3 weitgehend 35 bestanden
07.11.2022 Vereinfachte Überwachung Gutachten ansehen
13 nicht bestanden 1 weitgehend 39 bestanden
03.03.2021 Vereinfachte Überwachung
angezeigtes 16 nicht bestanden 1 weitgehend 38 bestanden
  • https://www.bibb.de/ ⓘ Web-Angebot öffnen
  • https://www.bibb.de/de/suche.php?q=Bildung&sbmt= ⓘ
  • https://www.bibb.de/de/feedback.php?pageid=180 ⓘ
  • https://www.bibb.de/de/40.php
  • https://www.bibb.de/de/94882.php ⓘ
  • https://www.bibb.de/veroeffentlichungen/de/publication/download/16920

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Die 12 Platzhaltergrafiken unter Recherchetools haben keine leeren alt-Attribute und die Alt-Texte für Bilder unter "Aktuelle Beiträge", "Häufig nachgefragt", "Neuerscheinungen", "Videos" und "Headerbild" sind nicht aussagekräftig, weil sie identisch mit den H3- bzw. Absatztexten sind. [Startseite] [Berufe]
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden Es wird nur ein englischer Untertitel ausgegeben. [Video]
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht bestanden Das Video besitzt keine Audiodeskription. [Video]
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Doppelpfeile bei Linktexten werden als "doppelt gewinkelte Klammer zu" umschrieben, Alt-Text und <figcaption> zum Videobild sind identisch, Listen mit nur einem Eintrag (Breadcrumb, Link "Seite drucken"), <legend>-Element "Berufe eingrenzen:" wird vom Screenreader nicht ausgegeben, Text "Download" bei Links und Teasern mehrfach ausgegeben, Zeichenzähler im Feedback-Formular bleibt bei 0, Überschriften fehlen/hierarchisch falsch gekennzeichnet (versteckte H1, keine H1, zwei H1, ungeordnete H3/H4), Hochkontrastprobleme bei Social Media, Fachportalen und Formularen. [Startseite] [Berufe] [Suche nach "Bildung"] [Feedback] [Video]
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Ausgeblendeter Inhalt der "Erweiterten Suche" wird vom Screenreader ausgegeben. [Suche nach "Bildung"]
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Nutzer-Datenfelder (Name, E-Mail) besitzen kein autocomplete. [Feedback]
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Kontrastverhältnisse zu gering (Hellblau auf dunkelblau 1,7:1, graue Icons Twitter 2,1:1, hellgrauer Text in Registerkarten 2,1:1, orangener Text auf grau 2,6:1, graue Linktexte Top Navigation 2,7:1, Weiß auf grauem Button 3,7:1, Weiß auf Copyright 4:1). [Startseite] [Berufe] [Video]
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Zu geringer Kontrast (hellblaue Punkte auf blauem Hintergrund 1:1, Next/Prev Pfeile 1,7:1, graue Punkte unter Slider 1,8:1, graue Icons Top Navigation 2,7:1). [Startseite] [Berufe]
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Erweiterte Suche lässt sich ohne Screenreader nicht bedienen, zusätzliche Filter sichtbar, Video kann mit Tastatur nicht korrekt gesteuert werden. [Suche nach "Bildung"] [Video]
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden Skiplinks existieren, aber Ziel "id=target_content" fehlt, Navigation-Skiplink beginnt beim Logo statt bei der Navigation selbst. [Startseite]
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Suche-Dialog fokussiert erst im dritten Tab, zweiter Suche-Button erfordert mehrfaches rückwärts Tabben, Untermenü lässt sich nach Öffnen nicht schließen, unnötige Tabschritte durch doppelte Links, ausgeblendeter Inhalt wird dennoch fokussierbar, fehlender sichtbarer Suche-Button bei Checkboxen, zusätzliche unnötige A-Z Links inklusive inaktive Buchstaben. [Startseite] [Berufe] [Suche nach "Bildung"]
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Linktext auf Headerbild zu lang, Twitter-Links zeigen URLs, Pagination-Links nur generisch, Suchergebnis-Linktext = URL, keine Linktexte durch falsches titel-Attribut, "Weiterlesen" und "Download" ohne Aussagekraft. [Startseite] [Berufe] [Suche nach "Bildung"]
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Fokus auf "Erweiterte Suche", Next/Prev Buttons, Bilder unter "Aktuelle Beiträge", graue Punkte unterhalb Slider sowie Bedienelemente des Videos ist nicht sichtbar; Video bleibt ohne sichtbaren Fokus. [Startseite] [Berufe] [Suche nach "Bildung"] [Video]
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Es werden keine Fehlermeldungen in Textform ausgegeben; Label und Eingabefeld werden lediglich farblich hervorgehoben. [Feedback]
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Syntaxfehler treten auf (Duplicate ID id="", titel-Attribut nicht erlaubt auf <a>, <legend> nicht erlaubt als Kind von <div>, unquoted attribute values). [Startseite] [Berufe] [Suche nach "Bildung"] [Feedback] [Video]
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Element "Erweiterte Suche" ist als <label> statt als Button ausgezeichnet. [Suche nach "Bildung"]

Im Wesentlichen bestanden

Kriterium Status Notizen
B.1
PAC3 Test ergibt PDF/UA-konform 		im Wesentlichen bestanden Möglicherweise sind einige PDF/UA-Anforderungen nicht erfüllt (z. B. logische Struktur/Strukturbaum, unpassende Struktur-Elemente wie "Sect").

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
WCAG 1.2.4
Live-Audio-Inhalte besitzen Untertitel 		bestanden
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		bestanden
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.3
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.

Jetzt via Steady unterstützen