Staatliches Gutachten zur digitalen Barrierefreiheit

Bundeslotsenkammer

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader (1.1.1, 1.3.1–1.3.2, 2.4.3–2.4.4, 3.3.2, 4.1.1–4.1.2) sind nicht erfüllt, wodurch Orientierung und Formularnutzung deutlich erschwert sind, aber Grundfunktionen noch erreichbar bleiben.

Sehbehinderung Kaum nutzbar

Unzureichende Text- und UI-Kontraste (1.4.3, 1.4.11), Probleme bei Reflow und Textabständen (1.4.10, 1.4.12) sowie teilweise fehlende sichtbare Fokusmarkierung (2.4.7) beeinträchtigen die Nutzung erheblich.

Hörbehinderung Weitgehend zugänglich

Audiovisuelle Alternativen sind weitgehend vorhanden (1.2.x) und die meisten Probleme betreffen seh- oder kognitionsrelevante Aspekte, sodass gehörlose Menschen die Seite überwiegend gut nutzen können, abgesehen von fehlender Deutscher Gebärdensprache nach BITV (A.4).

Motorische Behinderung Mit Hindernissen nutzbar

Grundsätzliche Tastaturbedienbarkeit ist gegeben (2.1.1–2.1.2, 2.5.x), aber nicht sichtbarer Fokus, problematische Fokusreihenfolge (2.4.3, 2.4.7) und nicht schließbare Overlays (1.4.13) erschweren die Bedienung deutlich.

Lernbehinderung Kaum nutzbar

Fehlende Leichte Sprache (A.3), fehlende klare Beschriftungen und Linkzwecke (1.3.1, 2.4.4, 3.3.2), Probleme bei Lesereihenfolge und Fokusführung (1.3.2, 2.4.3) sowie ein nicht pausierbarer Slider (2.2.2) sorgen für hohe kognitive Belastung.

Neurodivergenz Mit Hindernissen nutzbar

Der nicht pausierbare Slider (2.2.2), unklare Fokusführung (2.4.3, 2.4.7) und überlagernde Inhalte (1.4.10, 1.4.13) können Aufmerksamkeits- und Reizverarbeitungsprobleme verstärken, auch wenn grundlegende Struktur und Konsistenz teilweise gegeben sind (3.2.3–3.2.4).

Dokumentierte Barrieren

  • Fokus ist häufig nicht sichtbar

    Bei mehreren wichtigen Elementen ist der Tastaturfokus nicht erkennbar, etwa bei Bildern, Links, Kacheln, Checkboxen, dem Senden-Button und dem Such-Button. Ohne sichtbaren Fokus lässt sich die aktuelle Position per Tastatur kaum nachvollziehen. Das betrifft zentrale Interaktionen auf mehreren Seitentypen.

    Auswirkung: Ich weiß nicht, wo ich mich gerade befinde, wenn ich mit Tab navigiere. Dadurch kann ich versehentlich das falsche Element aktivieren oder werde bei der Bedienung unsicher.

  • Unklare Namen und Zustände bei wichtigen Bedienelementen

    Mehrere zentrale Bedienelemente werden von Screenreadern unzureichend oder falsch angekündigt, etwa der Such-Button, das Hamburger-Menü oder ein Schließen-Button. Außerdem wird der Zustand des Menülayers nicht mitgeteilt. Dadurch sind Navigation und Suche schwerer bedienbar.

    Auswirkung: Ich weiß nicht immer, was ein Element tut oder ob ein Menü offen ist. Das macht die Bedienung unsicher und kann einzelne Funktionen schwer auffindbar machen.

  • Formularfelder ohne verlässliche Beschriftung und ohne Autofill

    Die Eingabefelder für Nutzerdaten sind nur über Platzhalter erkennbar und teilweise nicht mit Labels verbunden. Der Zweck der Felder ist zudem nicht per autocomplete ausgezeichnet. Dadurch ist die Nutzung von Formularen unnötig fehleranfällig.

    Auswirkung: Ich kann Felder leichter verwechseln oder übersehe Informationen, sobald der Platzhalter verschwindet. Das Ausfüllen dauert länger und ich mache eher Eingabefehler.

  • Inhalte überlagern sich bei enger Ansicht

    Bei schmaler Darstellung überlagern sich Texte und Bedienelemente an mehreren Stellen. Das betrifft unter anderem den Slider, News-Teaser, den „Nach oben“-Link und das Sucheingabefeld. Wichtige Inhalte können dadurch verdeckt oder schwer anklickbar werden.

    Auswirkung: Ich kann Texte nicht mehr vollständig lesen und Bedienelemente schlechter treffen. Wenn Inhalte verdeckt sind, verliere ich Orientierung und muss mehr suchen.

  • Unzuverlässige Fokusreihenfolge und unsichtbare Tabstopps

    Die Tab-Reihenfolge springt teilweise durch nicht sichtbare oder irrelevante Elemente, etwa im Slider, in der News-Sektion, im geschlossenen Menü oder nach Fehlern im Formular. Auch nach dem „Nach oben“-Link bleibt der Fokus an der falschen Stelle. Das erschwert eine sinnvolle Tastaturbedienung deutlich.

    Auswirkung: Ich muss unnötig viele Tab-Schritte durchlaufen und verliere leicht den Überblick. Einzelne Funktionen wie Navigation, Formularbearbeitung oder Seitenanfang sind dadurch schwerer erreichbar.

  • Dropdown- und Overlay-Inhalte nicht ausreichend steuerbar

    Das per Mouseover geöffnete Element „Zustimmung verwalten“ lässt sich per Tastatur nicht schließen. Dadurch kann ein eingeblendeter Bereich dauerhaft im Weg bleiben. Für Tastatur- und Assistenztechnik-Nutzende entsteht ein störender Overlay-Zustand.

    Auswirkung: Ich kann ein eingeblendetes Element nicht mehr einfach verlassen oder schließen. Dadurch wird die weitere Nutzung abgelenkt oder teilweise blockiert.

  • Fehlermeldungen werden im Formularmodus nicht sinnvoll ausgegeben

    Nach einem Formularfehler werden die Meldungen vom Screenreader nicht direkt im Formularmodus angesagt. Erst im linearen Lesemodus sind sie zu hören. Zusammen mit fehlenden Verknüpfungen zu den Feldern erschwert das die Korrektur erheblich.

    Auswirkung: Ich bemerke Fehler möglicherweise zu spät oder nicht dort, wo sie entstanden sind. Dadurch brauche ich mehr Versuche, um das Formular korrekt abzusenden.

  • Unklare Struktur in Suche, Teasern und Formularen

    Mehrere Bereiche sind semantisch unklar aufgebaut, etwa Listen, Überschriften, Formularelemente und Fehlermeldungen. Dadurch werden Inhalte für Assistenztechnik nicht sauber als zusammengehörig oder als Formular ausgegeben. Auch die Breadcrumb-Navigation und Navigationsbereiche sind nicht eindeutig ausgezeichnet.

    Auswirkung: Ich kann mich schlechter orientieren und Zusammenhänge schwerer verstehen. Besonders bei Formularen fällt es mir schwer, Felder, Fehler und Abschnitte schnell richtig zuzuordnen.

  • Falsche Lesereihenfolge und versteckte Inhalte im Screenreader

    Die vorgesehene visuelle Reihenfolge stimmt teils nicht mit der Ausgabe für Screenreader überein. Außerdem werden ausgeblendete Bereiche wie die mobile Suche und Navigation mit vorgelesen. Beim Slider werden auch nicht sichtbare Inhalte beim linearen Lesen ausgegeben.

    Auswirkung: Ich höre Inhalte in einer verwirrenden Reihenfolge und muss unnötige, unsichtbare Elemente mitverarbeiten. Das macht das Erfassen von Seiteninhalten anstrengend und fehleranfällig.

  • Zu geringer Kontrast bei Texten und Bedienelementen

    Mehrere Links und Texte haben zu wenig Kontrast zum Hintergrund, darunter die Breadcrumb-Links, die Suchfeld-Beschriftung und das Such-Icon. Auch einige nicht-textuelle Bedienelemente sind zu schwach abgesetzt. Dadurch sind zentrale Navigationselemente schlechter erkennbar.

    Auswirkung: Ich muss Inhalte stärker suchen und kann Navigationselemente leichter übersehen. Bei eingeschränktem Sehvermögen wird die Nutzung spürbar mühsamer.

  • Linkzweck ist teilweise nicht erkennbar

    Mehrere Links haben keine verständliche Beschriftung, etwa Bilderlinks, Paginierungslinks oder farbige Kacheln. Teilweise werden nur generische Texte oder sogar URLs ausgegeben. Damit ist nicht klar, wohin ein Link führt.

    Auswirkung: Ich kann nicht sicher entscheiden, welchen Link ich auswählen soll. Das kostet Zeit und erhöht das Risiko, auf die falsche Seite zu gelangen.

  • PDF ist nicht barrierefrei nutzbar

    Das bereitgestellte PDF-Dokument ist nicht PDF/UA-konform. Dadurch können Struktur, Lesereihenfolge und Inhalte in Hilfstechnologien unzuverlässig sein. Besonders bei einem wichtigen Informationsdokument ist das ein relevantes Risiko.

    Auswirkung: Ich kann das Dokument möglicherweise nicht vollständig oder sinnvoll lesen. Wichtige Informationen aus dem PDF bleiben mir dann unzugänglich.

  • Fehlende Alternativtexte für Inhalte

    Mehrere Bilder im Inhaltsbereich haben keine aussagekräftigen Alternativtexte. Dadurch sind bildliche Informationen nicht zuverlässig erfassbar. Auch bei Logos stimmen die Alternativtexte nicht immer genau mit dem sichtbaren Text überein.

    Auswirkung: Ich kann wichtige Bildinhalte oder die Bedeutung eines Logos nicht sicher erkennen. Wenn Bilder Informationen tragen, fehlen mir diese Inhalte komplett oder unklar.

  • Automatisch laufender Slider nicht pausierbar

    Die Startseiten-Slideranimation läuft automatisch weiter, ohne dass sie pausiert oder beendet werden kann. Inhalte wechseln dadurch ständig und sind schwer in Ruhe lesbar. Das kann besonders bei längeren Texten problematisch sein.

    Auswirkung: Ich kann Inhalte nicht in meinem Tempo erfassen. Wenn sich die Anzeige ständig bewegt, verliere ich leichter den Fokus und übersehe Informationen.

  • Seiteninfo und Hilfsangebote fehlen

    Eine Erklärung zur Barrierefreiheit, ein Feedback-Mechanismus, Inhalte in Leichter Sprache und ein Gebärdensprache-Video sind nicht vorhanden. Damit fehlen wichtige Unterstützungsangebote für unterschiedliche Nutzergruppen. Das erschwert die Kontaktaufnahme und das Verständnis der Website-Struktur.

    Auswirkung: Ich finde keine direkte Hilfe, wenn ich auf Probleme stoße. Für mich wird es schwerer, Barrieren zu melden oder Inhalte in passender Form zu verstehen.

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 111.0.5563.65
Screenreader
NVDA 2022.4
  • www.bundeslotsenkammer.de Web-Angebot öffnen
  • https://www.bundeslotsenkammer.de/suchergebnisse/?search=Lotsen
  • https://www.bundeslotsenkammer.de/kontakt/
  • https://www.bundeslotsenkammer.de/infothek/beitraege/der-lotse-2020-analog-und-digital/
  • https://www.bundeslotsenkammer.de/wp-content/uploads/2020/02/BLK-BROSCHUERE.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Inhaltsseite: Die Bilder im Inhaltsbereich haben keine aussagekräftigen alt-Texte. Alle Seiten: Die alt-Texte der Logos im Kopf- und Footer-Bereich entsprechen nicht genau den Logotexten.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Im Bereich "News und Veranstaltungen" sind in jedem Teaser mehrere Listen mit z.T. leeren Listenelementen bzw. leeren Links enthalten. Suchseite: Die Suchergebnisse sind nicht als Liste ausgezeichnet. Inhaltsseite: Mehrere Hervorhebungen im Text sind mit <b> bzw. <i> und nicht mit <strong> oder <em>. Formularseite: Mehrere Formularelemente besitzen keine Beschriftung (Label) oder sind nicht mit dieser verknüpft. Formularseite: Die Fehlermeldungen sind nicht mit den dazugehörigen Formularfeldern verknüpft. Formularseite, Inhaltsseite: Mehrere Abschnittsüberschriften (z. B. "Kontaktdaten" oder "Die Fähigkeit der ....") sind nicht als solche ausgezeichnet. Alle Seiten (außer Startseite): Der Breadcrumb ist durch die fehlende Beschriftung nicht gut als solcher erkennbar. Alle Seiten: Die Seiten besitzen kein Strukturelement <nav>. Formularseite: Die Rahmen der Formularelemente sind im Hochkontrastmodus nicht sichtbar. Alle Seiten: Der Rahmen des Sucheingabefeldes (im Header), das "Hamburger-Menü"-Icon und der "X"-Link des geöffneten Menü-Layers sind im Hochkontrastmodus nicht sichtbar.
Sinnvolle Lesereihenfolge ist gegeben nicht bestanden Startseite: Im Slider werden beim linearen Lesen alle Slides ausgegeben (nicht nur der sichtbare). Formularseite: Die Ausgabereihenfolge des Screenreaders stimmt nicht mit der visuellen Reihenfolge überein; nach den sieben Links in der linken Spalte erscheint zuerst der Text oberhalb des Formulars und danach die Kontaktdaten und der Routenplaner-Link. Alle Seiten: Die Inhalte der ausgeblendeten Suche (Mobile) und der ausgeblendeten Hauptnavigation werden im linearen Lesemodus ausgegeben.
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht bestanden Formularseite: Die Formularfelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Startseite: Der Link-Text "Galerie" hat ein zu geringes Kontrastverhältnis. Alle Seiten (außer Startseite): Die Links der Breadcrumb-Navigation haben ein zu geringes Kontrastverhältnis. Alle Seiten: Im Sucheingabefeld im Header hat der Text "Stichwortsuche" ein zu geringes Kontrastverhältnis.
Inhalte brechen in einspaltiges Layout um nicht bestanden Startseite: Im ersten Slide werden einige Texte durch den "Mehr Erfahren"-Link überlagert. Startseite: Im Bereich "News und Veranstaltungen" überlagern sich einige Texte in den beiden Teaser-News. Alle Seiten: Inhalte werden durch den "Nach Oben"-Link teilweise überlagert. Alle Seiten: Das Sucheingabefeld ist im Header nicht mehr sichtbar.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Alle Seiten: Das Sucheingabefeld und das Lupe-Icon im Header haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
Textabstände sind anpassbar nicht bestanden Startseite: Im ersten Slide werden einige Texte durch den "Mehr Erfahren"-Link überlagert.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden Alle Seiten: Das per Mouseover geöffnete Element "Zustimmung verwalten" (rechts unten) kann mit der Tastatur (z. B. ESC-Taste) nicht geschlossen werden.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Startseite: Beim Slider wird kein Button zum Beenden oder Pausieren der Slideranimation angeboten.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Beim Slider erhalten mit der Tabulatortaste auch Links von nicht geöffneten Sliderseiten den Fokus. Startseite: Im Bereich "News und Veranstaltungen" erhalten je Teaser zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. Startseite: Auf den Link "Alle News" folgt ein nicht sichtbarer Tabschritt. Formularseite: Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht auf das erste fehlerhafte Feld gesetzt. Alle Seiten: Nach dem "Hamburger-Menü"-Icon sind mehrere nicht sichtbare Tabschritte vorhanden, da die Menüpunkte im geschlossenen Navigations-Layer mit der Tabulatortaste durchlaufen werden müssen. Alle Seiten: Nach dem Aktivieren des "Nach oben"-Link im Footer wird der Fokus nicht an den Seitenanfang gesetzt, sondern verbleibt auf dem Link.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite: Die vier Links (Hintergrundbilder) im Bereich "Galerie" haben keine aussagekräftige Beschriftung. Suchseite: In der Paginierung des Sliders haben die einzelnen Links keine aussagekräftige Beschriftung (Link1, Link2, usw.). Suchseite: Die einzelnen Links der sechs farbig verlinkten Kacheln haben keine aussagekräftige Beschriftung (es werden die URLs ausgegeben).
Tastaturfokus ist sichtbar nicht bestanden Startseite: Der Fokus ist auf mehreren Bildern und dem Link "Galerie" nicht sichtbar. Startseite: Der Fokus ist auf dem "Nach oben"-Link nicht sichtbar. Suchseite: Der Fokus ist auf den sechs farbig verlinkten Kacheln nicht sichtbar. Formularseite: Der Fokus ist auf einigen Elementen wie der Checkbox zum "Datenschutz" und dem "Senden"-Button nicht sichtbar. Alle Seiten: Der Fokus ist auf dem Suchen-Button im Header nicht sichtbar.
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet nicht bestanden Alle Seiten: Der Linktext "Skip to Content" im Header ist englisch; der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet. Alle Seiten: Der versteckte Text "Go to Top" des "Nach oben"-Link im Footer und die Texte "Search for", "Search" des Sucheingabefeldes sind englisch; der Sprachwechsel ist auf Quellcodeebene nicht ausgezeichnet.
Label enthalten Eingabehinweise nicht bestanden Formularseite: Die Eingabefelder sind ausschließlich durch Placeholder beschriftet.
Syntaxspezifikationen sind erfüllt nicht bestanden Die Seiten enthalten Syntaxfehler (z. B. Duplicate ID).
Name, Rolle und Wert sind identifizierbar nicht bestanden Formularseite: Der "X"-Button in einer Hinweismeldung wird vom Screenreader nur als "leer" ausgegeben. Alle Seiten: Das interaktive Element zum Öffnen des Cookie-Layers wird im linearen Lesemodus nur als Text "Zustimmung verwalten" ausgegeben. Alle Seiten: Der Suche-Button im Header wird vom Screenreader nur als "Schalter" ausgegeben. Alle Seiten: Der Link des "Hamburgermenü"-Icons wird vom Screenreader nur als "leer" ausgegeben. Alle Seiten: Der Zustand des geöffneten oder geschlossenen Menü-Layers wird vom Screenreader nicht ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden
nicht bestanden Die Erklärung zur Barrierefreiheit gemäß BITV 2.0 fehlt.
A.2
Feedback-Mechanismus ist vorhanden
nicht bestanden Ein Feedback-Mechanismus gemäß BITV 2.0 ist nicht vorhanden.
A.3
Leichte Sprache ist vorhanden
nicht bestanden Erläuterungen in Leichter Sprache gemäß BITV 2.0 sind nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Ein Gebärdensprache-Video gemäß BITV 2.0 ist nicht vorhanden.
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
Fehlermeldungen sind in Textform vorhanden im Wesentlichen bestanden Formularseite: Die Fehlermeldungen an den Formularelementen werden im Formularmodus vom Screenreader nicht ausgegeben, erst im linearen Lesemodus erscheinen sie.

Bestanden

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden Alle Seiten: Der Link "Zustimmung verwalten" (unten rechts im Footer) ist mit der Tastatur nicht erreichbar.
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden 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
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
Statusmeldungen werden ohne Fokussierung ausgegeben bestanden

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.