Staatliches Gutachten zur digitalen Barrierefreiheit

Bundesamt für Wirtschaft und Ausfuhrkontrolle (BAFA)

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Fehlende Alternativtexte, mangelhafte Semantik, unklare Fokusführung, nicht getaggte PDFs und teilweise nicht tastaturbedienbare Elemente schränken Screenreader-Nutzung massiv ein.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und Nicht-Text-Kontraste, Probleme bei 200 % Vergrößerung und fehlender Reflow machen die Seite für sehbehinderte Nutzer stark problematisch.

Hörbehinderung Weitgehend zugänglich

Gehörlose können die textbasierten Inhalte weitgehend nutzen, aber unzureichende Gebärdensprachangebote und fehlende barrierefreie Erklärungen mindern die Zugänglichkeit.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturprobleme, fehlerhafte Fokusreihenfolge und nicht erreichbare Bedienelemente behindern Nutzer mit ausschließlich tastatur- oder hilfsmittelbasierter Bedienung deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Fehler in Struktur, Beschriftungen, Leichter Sprache und bei unerwarteten Kontextänderungen erschweren Orientierung und Verständnis.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusführung, unerwartete Suchkontextwechsel und teils unstrukturierte Inhalte können überfordern, sind aber nicht vollständig nutzungsausschließend.

Veränderung

Aktuell angezeigt
10 gefundene Barrieren +4 zur vorherigen Prüfung
7,8/10 Ø Schwere +1,0 zur vorherigen Prüfung

Dokumentierte Barrieren

  • PDF nicht mit Screenreader nutzbar

    Das geprüfte PDF ist nicht strukturiert getaggt und wird vom Screenreader nicht gelesen. Damit fehlen die nötigen Informationen zur sinnvollen Navigation und zum Erfassen des Inhalts.

    Auswirkung: Ich kann das Dokument nicht selbstständig lesen oder gezielt in ihm navigieren. Wenn ich auf dieses Merkblatt angewiesen bin, bleibt mir der Inhalt praktisch verschlossen.

  • Nicht per Tastatur erreichbare Bedienelemente

    Einige grafische Bedienelemente wie Startseiten-Icon und Slider lassen sich nicht mit der Tastatur bedienen. Auch in mobilen Navigations- und Aufklappbereichen funktioniert die Bedienung nicht zuverlässig über Tab und Fokus.

    Auswirkung: Ich kann wichtige Inhalte und Funktionen nicht ohne Maus erreichen. Wenn ich nur mit Tastatur oder Assistenztechnik arbeite, komme ich an zentralen Stellen nicht weiter.

  • Inhalte überlappen bei 200 Prozent Vergrößerung

    Bei starker Vergrößerung überlappen sich Inhalte im Karussell und im Teilen-Bereich. Dadurch werden Texte und Bedienelemente teilweise verdeckt oder verschoben.

    Auswirkung: Ich kann wichtige Inhalte nicht mehr vollständig erkennen oder bedienen. Wenn ich auf große Schrift angewiesen bin, wird die Seite schnell unübersichtlich.

  • Schlechter Kontrast für Text und Bedienelemente

    Texte in Navigation, Formularen und Teaserbereichen haben teils zu wenig Kontrast. Auch Eingabefeldeinfassungen, Hover-Icons und grafische Beschriftungen sind visuell schlecht erkennbar.

    Auswirkung: Ich kann Beschriftungen und Bedienelemente schwer erkennen, besonders bei schlechtem Sehvermögen oder ungünstigen Lichtbedingungen. Dadurch steigt die Gefahr, falsche Elemente zu wählen oder Inhalte zu übersehen.

  • Unklare oder fehlende Beschriftung von Bedienelementen

    Mehrere Elemente sind nicht sauber mit sichtbaren Labels, Namen oder Rollen versehen, etwa Checkboxen, Filterlinks und rein per div umgesetzte Bereiche. Auch einzelne Beschriftungen weichen vom sichtbaren Text ab.

    Auswirkung: Ich weiß nicht sicher, was ein Element bewirkt oder wie es angesprochen wird. Mit Screenreader oder Sprachsteuerung wird die Orientierung dadurch deutlich schwerer.

  • Leere oder fehlende Alternativtexte bei Icons und Bildern

    Für einige ikonische Bedienelemente fehlen passende Alternativtexte oder sie beschreiben nur das Linkziel statt der Funktion. Zudem werden Textinhalte teilweise als Bild ausgegeben.

    Auswirkung: Ich bekomme nicht mit, was ein Symbol oder Bild bedeutet, und kann Funktionen schlechter verstehen. Wenn Text nur als Bild vorliegt, kann ich ihn mit Hilfsmitteln oft nicht zuverlässig erfassen.

  • Horizontales Scrollen auf kleinen Bildschirmen

    Bei kleiner Darstellung, etwa auf 320 CSS-Pixeln, ist horizontales Scrollen nötig. Inhalte passen sich also nicht sauber an kleine Bildschirmbreiten an.

    Auswirkung: Ich muss seitwärts scrollen und verliere dabei leicht den Überblick. Auf dem Smartphone oder bei stark vergrößerter Ansicht wird die Nutzung deutlich anstrengender und fehleranfälliger.

  • Suchvorschläge lösen ungewollt direkte Suche aus

    Die Suchvorschläge ändern sofort den Kontext und führen direkt zur Suche. Eine Auswahl kann also ungeplant eine Aktion auslösen, bevor ich sie bewusst bestätigt habe.

    Auswirkung: Ich verliere die Kontrolle über die Eingabe und lande womöglich auf einer anderen Seite als beabsichtigt. Das ist besonders problematisch, wenn ich langsam arbeite oder Hilfsmittel nutze.

  • Fehlende oder falsche Struktur erschwert Orientierung

    Auf mehreren Seiten fehlen Überschriftenebenen oder eine H1, und Listen sowie Absätze sind teils nicht sinnvoll ausgezeichnet. Außerdem werden versteckte Inhalte wie Karussell-Navigation von Screenreadern mit vorgelesen.

    Auswirkung: Ich kann Seiteninhalte schlechter gliedern und finde mich schwerer zurecht. Beim Vorlesen entstehen unnötige Störungen, die das Verständnis und die Navigation erschweren.

  • Fehlende Erklärung zur Barrierefreiheit und unvollständige Hilfsangebote

    Die Erklärung zur Barrierefreiheit fehlt vollständig, und die Gebärdensprachseite ist inhaltlich veraltet. Damit fehlen zentrale Informationen zu Barrieren, Kontaktmöglichkeiten und Unterstützungswegen.

    Auswirkung: Ich finde schwer heraus, welche Inhalte noch nicht barrierefrei sind und an wen ich mich wenden kann. Wenn ich auf Gebärdensprache oder offizielle Hinweise angewiesen bin, fehlen mir wichtige Orientierungshilfen.

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 11 (Version 22H2)
Browser
Firefox 121.0.1; Chrome 120.0.6099.217
Screenreader
NVDA 2023.3
Auflösung
1920 × 1080
Tools
NVDA 2023.3, Colour Contrast Analyser 3.3.0, PDF Accessibility Checker 2021 (Version 21.0.0.0)

Veränderung nach WCAG-Kriterien

12.12.2023 eingehende Überwachung
angezeigtes 15 nicht bestanden 8 weitgehend 0 bestanden
10.12.2023 eingehende Überwachung Gutachten ansehen
10 nicht bestanden 2 weitgehend 17 bestanden
  • https://www.bafa.de/DE/Home/home_node.html ⓘ Web-Angebot öffnen
  • https://www.bafa.de/DE/Aussenwirtschaft/ELAN/K2/afk_merkblatt_optimierte_antragstellung.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.4.3
Kontrast (Minimum) 		nicht bestanden Textfarben in Navigation, Formularen und Teaserbereichen liegen unter 4,5:1; höhere Kontrastwerte einstellen.
4.9.1.4.4
Textgröße ändern 		nicht bestanden Zoom bis 200 % überlappt Inhalte in Karussell und Teilen; responsives Layout mit flexiblen Abständen verwenden, damit Funktionalität erhalten bleibt.
4.9.1.4.5
Bilder von Text 		nicht bestanden Textdarstellungen im Karussell und Bereich „Empfehlen“ wären als HTML-Text umzusetzen, weil sie derzeit als Bild ausgegeben werden.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Bei 320 CSS-Pixeln ist horizontales Scrollen erforderlich; responsives Layout inklusive Textumbrüche umsetzen.
4.9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Eingabefeldeinfassungen, Hover-Icons und grafische Beschriftungen haben einen Kontrast unter 3:1; Konturen und Symbole neu einfärben.
4.9.2.1.1
Tastatur 		nicht bestanden Graphische Bedienelemente, z. B. Startseitenicon und Slider, sind nicht per Tab erreichbar; interaktive Elemente über HTML oder ARIA zugänglich machen.
4.9.2.4.3
Fokus-Reihenfolge 		nicht bestanden Mobile Navigation und erweiterbare Bereiche lassen den Fokus in falscher Reihenfolge oder außerhalb landen; Tab-Reihenfolge und Fokusziel anpassen.
4.9.2.5.3
Beschriftung (Label) im Namen 		nicht bestanden Checkbox „Statistik-Tracker einschalten“ nutzt aria-labelledby statt sichtbarem Label, Suchschlüssel beschriftet differierend; Attribute an Sichttext angleichen.
4.9.3.2.2
Bei Eingabe 		nicht bestanden Suchvorschläge führen unmittelbar zur Suche und ändern den Kontext; Vorschlagsauswahl nur einfügen, Suche erst nach Nutzeraktion auslösen.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Filterlinks ohne ARIA-Informationen und rein div-basierte Muster fehlen Name/Rolle; semantische Elemente oder WAI-ARIA ergänzen.
4.9.6
Konformitätsanforderungen der WCAG 		nicht bestanden Die geprüften Seiten erfüllen nicht durchgehend alle Anforderungen der Konformitätsstufen A/AA; prioritäre Erfolgskriterien nacharbeiten.
5.1
Technische Dokumentprüfung 		nicht bestanden Das getestete PDF „afk_merkblatt_optimierte_antragstellung.pdf“ besitzt keine Tags und wird vom Screenreader nicht gelesen; Dokumentstruktur taggen und Screenreader-Ausgabe sicherstellen.
5.2
Erklärung zur Barrierefreiheit 		nicht bestanden Seite zur Erklärung fehlt vollständig; Pflichtinformationen (nicht barrierefreie Inhalte, Feedback, Durchsetzungsverfahren) bereitstellen und verlinken.
5.3
Feedback-Mechanismus 		nicht bestanden Feedback-Mechanismus existiert, wird aber nicht in Erklärung genannt; Schritt hinzufügen und Kontaktmöglichkeit beschreiben.
5.5
Erläuterungen in Gebärdensprache 		nicht bestanden Verlinkte Gebärdensprachseite enthält nur Hinweise zu Produktion und ein altes Datum; aktuelle Gebärdenvideos mit Navigationseinführung und Erklärung zur Barrierefreiheit bereitstellen.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1
Nicht-Text-Inhalt 		im Wesentlichen bestanden Alternativtexte beschreiben wiederholt Linkziele und fehlen für ikonische Bedienelemente; passende aria-labels oder beschreibende Texte für Icons hinzufügen.
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		im Wesentlichen bestanden Auf mehreren Seiten fehlt eine H1 oder Überschriften sind optisch falsch ausgezeichnet; logische Überschriftenhierarchie im HTML herstellen.
4.9.1.3.1.b
HTML-Strukturelemente für Listen 		im Wesentlichen bestanden Mehrere Navigationsbereiche werden nicht als ul/ol/li ausgezeichnet; semantisch korrekte Listenstrukturen vorsehen.
4.9.1.3.1.d
Inhalte gegliedert 		im Wesentlichen bestanden Br-Elemente erzeugen in Screenreadern unnötige Pausen; Absätze durch p-Elemente mit CSS-Abständen ersetzen.
4.9.1.3.2
Bedeutungsvolle Reihenfolge 		im Wesentlichen bestanden Versteckte Elemente wie Karussell-Navigation werden in Desktop-HTML vorgelesen; rein visuell verborgene Inhalte komplett deaktivieren.
4.9.2.4.1
Blöcke überspringen 		im Wesentlichen bestanden Breadcrumb-Listen ohne Beschriftung und Titel versehen; aria-label/aria-describedby ergänzen, damit Screenreader den Seitenpfad erkennen.
4.9.2.4.7
Fokus sichtbar 		im Wesentlichen bestanden Fokusrahmen sind zu schmal oder decken nur Teile von Elementen; deutliche Rahmen oder Hintergründe definieren.
5.4
Erläuterungen in Leichter Sprache 		im Wesentlichen bestanden Leichte-Sprache-Seite ist vorhanden, doch Layout (fehlende Abstände, fehlende Grafiken) erschwert Wahrnehmbarkeit; Gestaltung gemäß BITV 2.0 Anlage 2 überarbeiten.

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