Staatliches Gutachten zur digitalen Barrierefreiheit

abi.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Bedienung ist weitgehend möglich, aber Probleme bei Chatbot, Statusmeldungen, Fokusreihenfolge und einzelnen Alternativtexten schränken die Nutzung spürbar ein.

Sehbehinderung Weitgehend zugänglich

Gute Kontraste, Zoom und Reflow sind weitgehend gegeben, aber nicht anpassbare Textabstände, Kontrastmodus-Probleme und verdeckte Chatbot-Bereiche erschweren die Nutzung.

Hörbehinderung Fast barrierefrei

Multimedia ist kaum vorhanden und Untertitelpflichten sind nicht anwendbar, zusätzlich existieren Inhalte in Gebärdensprache, wodurch nur geringe Einschränkungen zu erwarten sind.

Motorische Behinderung Weitgehend zugänglich

Tastaturbedienung ohne Fallen ist gegeben und komplexe Zeigereingaben sind nicht nötig, lediglich einzelne Fokusprobleme und das reCAPTCHA können die Nutzung behindern.

Lernbehinderung Weitgehend zugänglich

Klare Struktur, konsistente Navigation, Leichte Sprache und verständliche Fehlermeldungen helfen, aber reCAPTCHA, Chatbot-Probleme und nicht anpassbare Textabstände können Überforderung verursachen.

Neurodivergenz Weitgehend zugänglich

Ruhige Seite ohne Blitze und ohne automatische Animationen unterstützt, jedoch erschweren Fokusprobleme, Chatbot-Mängel und fehlende Textabstands-Anpassung eine ganz reibungslose Nutzung.

Dokumentierte Barrieren

  • reCAPTCHA ist per Tastatur schwer fehleranfällig

    Auf der Formularseite ist das reCAPTCHA in der Fokusreihenfolge gestört, und nach einer Auswahl lassen sich wichtige Schaltflächen nur noch umständlich erreichen. Zusätzlich gibt es keine klare Fehlermeldung, wenn die Prüfung nicht gelöst wurde.

    Auswirkung: Ich kann beim Ausfüllen eines Formulars leicht stecken bleiben oder den nächsten Schritt nicht zuverlässig erreichen. Wenn ich das CAPTCHA nicht korrekt abschließen kann, komme ich möglicherweise gar nicht zum Absenden.

  • Chatbot-Eingabefeld ohne Beschriftung

    Das Eingabefeld im Chatbot ist nicht beschriftet, auch nicht für assistive Technologien. Dadurch ist nicht klar, wofür das Feld gedacht ist, wenn ich es mit Screenreader nutze.

    Auswirkung: Ich kann das Feld schwerer einordnen und muss raten, bevor ich eine Eingabe mache. Das kann die Nutzung des Chatbots unnötig erschweren oder verhindern.

  • reCAPTCHA-Kacheln ohne sichtbaren Fokus

    Die Bild-Kacheln des reCAPTCHA zeigen keinen sichtbaren Fokusindikator. Ich erkenne daher mit Tastatur nicht sicher, welches Element gerade aktiv ist.

    Auswirkung: Ich kann leicht die falsche Kachel auswählen oder mehrfach suchen müssen. Das macht die Formularnutzung unnötig kompliziert und für manche Menschen praktisch kaum bedienbar.

  • Seitliche Bereiche des Chatbots werden durch die Kopfzeile verdeckt

    Im Chatbot wird der obere Bereich des Pop-ups von der festen Kopfzeile überdeckt. Dadurch sind Teile des Dialogs oder Bedienelemente nicht vollständig erreichbar oder sichtbar.

    Auswirkung: Ich kann wichtige Inhalte im Chatbot nicht vollständig lesen oder anklicken. Das kann die Bedienung abbrechen oder mich dazu zwingen, Funktionen zu suchen, die verdeckt sind.

  • Chatbot-Meldungen werden nicht vorgelesen

    Im Chatbot erscheinen Antworten, ohne dass sie als Statusmeldung für Screenreader ausgegeben werden. Dadurch fehlen mir wichtige Hinweise direkt nach einer Eingabe oder Aktion.

    Auswirkung: Ich bekomme nicht mit, ob der Chatbot meine Anfrage verstanden hat oder ob eine neue Antwort da ist. Das macht die Nutzung des Chatbots deutlich langsamer und unsicherer.

  • Fokusreihenfolge im Chatbot ist unzuverlässig

    Im Chatbot werden Auswahlbuttons in einer ungewöhnlichen Reihenfolge fokussiert, und der zuletzt eingeblendete Button erhält den Fokus. Dadurch springt die Bedienung nicht sauber in der erwarteten Reihenfolge.

    Auswirkung: Ich verliere beim Tastaturgebrauch leicht die Orientierung und muss mehrmals prüfen, wo ich gerade bin. Besonders bei mehreren Auswahlmöglichkeiten kann das die Bedienung stark verlangsamen.

  • Textabstände lassen sich nicht anpassen

    Wenn ich größere Textabstände brauche, funktioniert die Seite damit nicht zuverlässig. Inhalte können dadurch dichter wirken oder schlechter lesbar werden.

    Auswirkung: Ich kann Texte schwerer erfassen, wenn ich auf angepasste Abstände angewiesen bin. Das erschwert das Lesen längerer Inhalte und kann die Nutzung anstrengend machen.

  • Alternativtext des Artikelfotos wird von Screenreader nicht ausgegeben

    Ein großes Artikelfoto ist zwar technisch vorhanden, wird aber von NVDA nicht angesagt. Dadurch fehlt mir bei einem zentralen Bild die inhaltliche Information.

    Auswirkung: Ich verpasse möglicherweise wichtige Aussagen oder den Kontext eines Artikels, wenn das Bild Inhalt trägt. Das reduziert mein Verständnis der Seite und kann Inhalte unvollständig machen.

  • Kontrast im Kontrastmodus ist für Logo schlecht

    Im Kontrastmodus ist das verlinkte Logo in hellgelber Farbe auf weißem Hintergrund schwer erkennbar. Wichtige Navigationselemente heben sich dadurch nicht ausreichend ab.

    Auswirkung: Ich finde das Logo und den Link schlechter und kann Orientierung verlieren. Für mich wird die Bedienung im Kontrastmodus deutlich anstrengender.

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 127.0.6533.89
Screenreader
NVDA 2024.2
  • https://abi.de/ Web-Angebot öffnen
  • https://abi.de/suche
  • https://abi.de/newsletter
  • https://abi.de/ausbildung/berufsueberblick-von-a-z/ausbildungsberufe-e/elektroniker-informations-und-systemtechnik
  • https://abi.de/cdn/a6/41/230807-I-abi-Produktblatt-2023-BF-a64133fe3bbb542a804c582dfdfcf81270bc5d87.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.4.12
Textabstände sind anpassbar 		nicht bestanden –
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Alle Seiten: Zwischen Sternebewertung und Chatbot ist ein ausgeblendeter Button fokussierbar. * Formularseite > reCAPTCHA: Der Neues-Captcha-Button ist in der Fokusreihenfolge nach den folgenden zwei Buttons angeordnet. Nachdem eine Kachel fokussiert wurde, können diese drei Buttons nur noch von der ersten Kachel aus mit Umschalttaste+Tabulatortaste fokussiert werden, in entsprechend verkehrter Reihenfolge. Wenn der "Überspringen"-Button fokussiert ist, kann mit Umschalttaste+Tabulatortaste nicht mehr zurück navigiert werden. * Alle Seiten > Chatbot: Wenn in einer Antwort mehrere Auswahlbuttons eingeblendet werden, ist der letzte fokussiert.
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht bestanden * Alle Seiten > Chatbot: Das Eingabefeld wird nach dem Öffnen automatisch fokussiert, für Meldungen des Chatbots gibt es keine Sprachausgabe.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		im Wesentlichen bestanden * Inhaltsseite > Artikel: Der Portraitausschnitt zum Zitat ist mit dem Alternativtext des vollständigen Fotos am Artikelanfang beschriftet. * Inhaltsseite > Seitenleiste: Der Schriftgrafikteil des Berufenet-Logos ist im Alternativtext nicht vollständig. * Hinweis zur Inhaltsseite: Das große Artikelfoto ist korrekt ausgezeichnet und im Accessibility Tree von Google Chrome vorhanden, wird von NVDA jedoch nicht ausgegeben.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		im Wesentlichen bestanden Alle Seiten > Kontrastmodus: Das verlinkte Logo ist in hellgelber Farbe auf weißen Hintergrund schwer wahrnehmbar. Vom Chatbot-Button ist nur der Text sichtbar. Im Chatbot-Pop-up ist das Logo nicht sichtbar und fehlt ein Rahmen für visuelle Abgrenzung zur Seite im Hintergrund.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden Alle Seiten > Chatbot: Der obere Bereich des Pop-ups wird durch die fixierte Kopfleiste verdeckt und kann mit einem Zeiger nicht bedient werden.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		im Wesentlichen bestanden * Formularseite: Eine ungelöste reCAPTCHA erzeugt keine Fehlermeldung und wird nicht hervorgehoben. * Hinweis zur Suchseite: Die alert-Rolle für Fehlermeldungen hat im Screenreader keinen Effekt, weil sie in einer neu geladenen Seite aufgenommen ist.
WCAG 3.3.2
Label enthalten Eingabehinweise 		im Wesentlichen bestanden * Alle Seiten > Chatbot: Das Eingabefeld ist nicht beschriftet (auch nicht für assistive Technologie, nicht gesondert unter 1.3.2 aufgeführt).
B.1
PAC3 Test ergibt PDF/UA-konform 		im Wesentlichen bestanden –

Bestanden

Kriterium Status Notizen
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		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.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		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.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.3.1
Blitzen wird vermieden 		bestanden –
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		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.4.7
Tastaturfokus ist sichtbar 		bestanden Formularseite > reCAPTCHA: Die Abbildungs-Kacheln für die Lösung haben keinen Fokusindikator.
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		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.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden –
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden * Ergebnis der formalen Prüfung: bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
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.

Jetzt via Steady unterstützen