Staatliches Gutachten zur digitalen Barrierefreiheit

dzsf.bund.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Fehlende Landmarken, fehlerhafte Navigation, unklare Zustände und nicht funktionierende Skiplinks erschweren Screenreader-Nutzung erheblich, machen die Seite aber nicht völlig unbedienbar.

Sehbehinderung Mit Hindernissen nutzbar

Niedrige Kontraste bei Suche und Bedienelementen sowie Slider mit Bildtexten beeinträchtigen die Lesbarkeit, grundlegende Inhalte sind jedoch noch erkennbar.

Hörbehinderung Fast barrierefrei

Es werden keine audio-bezogenen Probleme erwähnt, die Seite scheint für gehörlose Menschen weitgehend normal nutzbar.

Motorische Behinderung Mit Hindernissen nutzbar

Nicht schließbare Untermenüs, schlechter Fokusfluss, defekter Skiplink und Slider-Bedienung erschweren effiziente Tastaturbedienung deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Automatisch laufender Slider, unklare Navigation und Fokus-Sprünge können Orientierung und Verständnis beeinträchtigen, ohne die Nutzung komplett zu verhindern.

Neurodivergenz Mit Hindernissen nutzbar

Automatische Bewegung, mangelnde Strukturierung und Fokus-Inkonsistenzen können Reizüberflutung und Desorientierung fördern, lassen aber prinzipiell eine Nutzung zu.

Dokumentierte Barrieren

  • Skiplink führt nicht zum Inhalt

    Der Skiplink „Inhalt“ funktioniert nicht und springt nicht zuverlässig zum Hauptinhalt. Eine wichtige Sprungmarke für die schnelle Tastaturbedienung fehlt damit praktisch.

    Auswirkung: Ich muss mich bei jeder Seite wieder durch die komplette Navigation tabben. Das kostet Zeit und ist besonders für Tastatur- und Screenreader-Nutzende sehr mühsam.

  • Untermenüs lassen sich per Tastatur nicht sinnvoll schließen

    Einmal geöffnete Untermenüs können nicht per Escape oder erneutem Aktivieren geschlossen werden. Dadurch bleibt die Navigation in einem unübersichtlichen Zustand.

    Auswirkung: Ich verliere schnell die Orientierung, weil offene Menüs den Fokus und die Navigation unnötig verkomplizieren. Als Tastatur-Nutzer muss ich mich durch zusätzliche Ebenen durcharbeiten, statt schnell weiterzukommen.

  • Navigation nicht als Navigation erkennbar

    Die Navigationsbereiche sind nicht als Navigation markiert und außerdem nicht eindeutig beschriftet. Zusätzlich sind Navigationspunkte teils fälschlich als Überschriften umgesetzt.

    Auswirkung: Ich kann Menüs und Navigationsgruppen schlechter unterscheiden und verstehe nicht sofort, welche Links zusammengehören. Das macht das gezielte Springen zu Inhalten und Bereichen deutlich umständlicher.

  • Nicht sichtbare Slider-Inhalte werden mitgelesen

    Im Slider werden auch Inhalte fokussiert oder vorgelesen, die gar nicht sichtbar sind. Dadurch werden versteckte Folien nicht aus dem Fokus genommen.

    Auswirkung: Ich höre oder erreiche Inhalte, die ich nicht sehen kann, und verstehe den aktuellen Seitenzustand schlechter. Das macht den Einstieg in den Inhalt unnötig kompliziert und verwirrend.

  • Aktive Zustände und Menüzustände werden nicht klar mitgeteilt

    Geöffnete Untermenüs und der aktuelle Menüpunkt werden assistiven Technologien nicht zuverlässig als Zustand gemeldet. Auch Formfelder und Filter wirken teilweise nicht korrekt verbunden oder bedienbar.

    Auswirkung: Ich weiß als Screenreader-Nutzer nicht sicher, was gerade ausgewählt, geöffnet oder aktiv ist. Dadurch treffe ich leichter Fehlentscheidungen und muss mehr ausprobieren.

  • Fehlende erkennbare Seitenbereiche

    Die Hauptbereiche der Seite sind nicht als Header, Hauptinhalt und Fußbereich ausgezeichnet. Dadurch können assistive Technologien die Seite nicht sauber in sinnvolle Regionen gliedern.

    Auswirkung: Ich finde mich schwerer auf der Seite zurecht und muss mehr Inhalte einzeln durchsuchen. Vor allem als Screenreader-Nutzer erkenne ich nicht schnell, wo ich bin und wo der Hauptinhalt beginnt.

  • Start/Stopp des Sliders zu spät erreichbar

    Der Start/Stopp-Schalter des Sliders steht nicht früh genug in der Fokusreihenfolge. Damit wird ein wichtiges Bedienelement erst nach dem Slider-Inhalt erreicht.

    Auswirkung: Ich muss erst durch den bewegten Inhalt navigieren, bevor ich die Bewegung stoppen kann. Das ist besonders anstrengend, wenn ich schnell Ruhe in die Seite bringen möchte.

  • Filterbedienung wirkt wie Link statt wie Auswahl

    Visuelle Checkboxen im Filterbereich sind als Links umgesetzt. Dadurch wird der Auswahlzustand nicht wie bei einer echten Checkbox gespeichert und vermittelt.

    Auswirkung: Ich kann nicht sicher erkennen, ob ein Filter wirklich aktiviert ist. Das führt dazu, dass ich Suchergebnisse falsch einschränke oder meine Auswahl verliere.

  • Slider-Elemente erzeugen unnötige Tabschritte

    Bild und Überschrift im Slider verlinken auf dasselbe Ziel und sind getrennt fokussierbar. Dadurch entstehen doppelte und redundante Tastaturstationen.

    Auswirkung: Ich muss mehrmals dieselbe Aktion ausführen, obwohl sie inhaltlich nichts Neues bietet. Das verlangsamt die Bedienung und erschwert eine klare Fokusreihenfolge.

  • Sucheingabefeld schlecht lesbar

    Das Suchfeld hat einen sehr niedrigen Kontrast zum Hintergrund. Dadurch ist die Eingabeoptik schwer erkennbar, besonders bei schlechter Sehkraft.

    Auswirkung: Ich kann das Suchfeld schlechter wahrnehmen und orientiere mich unsicherer auf der Seite. Das erschwert mir, schnell etwas zu suchen und einzugeben.

  • Slider-Bedienelemente schwer erkennbar

    Die Steuerelemente des Sliders haben zu wenig Kontrast. Dadurch sind sie für viele Nutzende nur schlecht wahrnehmbar.

    Auswirkung: Ich erkenne die Bedienelemente möglicherweise nicht sicher und übersehe wichtige Schalter. Das macht die Nutzung des Sliders unnötig schwierig.

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
Browser
Chrome 134.0.6998.89 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024.4.235031
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), Bookmarklets aus bitvtest.de
  • https://www.dzsf.bund.de/DZSF/DE/home_node.html Web-Angebot öffnen
  • https://www.dzsf.bund.de/SiteGlobals/Forms/Suche/DZSF/Servicesuche_Formular.html;jsessionid=7C7E7B69A198C946CC84E78EC0DAE689.live11314?nn=2203788&resourceId=2203872&input_=2203788&pageLocale=de&templateQueryString=Forschung&submit.x=0&submit.y=0
  • https://www.dzsf.bund.de/DZSF/DE/DasDZSF/Aufbau_Organisation/aufbau_organisation_node.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Semantische Auszeichnung der Hauptbereiche fehlt (<header>, <main>, <footer>). Markieren Sie die Bereiche entsprechend, damit Screenreader und Hilfsmittel Regionen erkennen können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Navigation ist nicht mit <nav> oder role=“navigation“ ausgezeichnet. Ergänzen Sie die entsprechenden Elemente, damit assistive Technologien den Navigationsbereich erkennen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Service-, Haupt- und Fußnavigation benötigen eindeutige Beschreibungen über aria-label oder eine sichtbare Überschrift, damit Nutzer die Funktion der Bereiche verstehen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Navigationspunkte wurden als Überschriften (h3/h4) ausgezeichnet. Ersetzen Sie diese durch Listen- oder Linkstrukturen und nutzen Sie Überschriften nur zur Strukturierung von Inhalten.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Beim Auswählen eines Obermenüeintrags wird die zusätzliche Überschrift „Unternavigationspunkte“ ausgegeben. Entfernen Sie diese Ausgabe, damit nur der eigentliche Navigationspunkt fokussiert wird.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Meta-Daten (Datum/Themen) werden zusammen mit Überschriften ausgegeben. Trennen Sie diese semantisch und markieren Sie das Datum mit korrektem Format, damit Screenreader die Informationen getrennt vorlesen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Einzelne Links befinden sich jeweils isoliert in einer Liste (z. B. Footer „Drucken“). Strukturieren Sie die Liste sinnvoll oder entfernen Sie den Listenkontext, um eine sinnvolle Semantik zu gewährleisten.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Auch der „Herunterladen“-Link in den Suchergebnissen steht als einziges Element in einer Liste. Bauen Sie diese Elemente in eine vollständige Liste oder entfernen Sie das Listensystem.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Auflistung der Fachbereichslinks sollte programmatisch als Liste erstellt werden, damit assistive Technologien die Gesamtheit erkennen können.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Alle Untermenüeinträge müssen durchlaufen werden, um zum nächsten Obermenüpunkt zu gelangen. Ermöglichen Sie das Schließen der Untermenüs (z. B. via ESC oder erneutes Aktivieren), um die Reihenfolge überschaubar zu halten.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Nicht sichtbarer Slider-Inhalt wird beim linearen Lesen fokussiert. Blenden Sie nicht sichtbare Slides aus dem Fokus aus oder setzen Sie aria-hidden, damit nur dargestellte Inhalte ausgegeben werden.
WCAG 1.4.5
Bilder von Text 		nicht bestanden Der erste Slider-Content ist eine Schmuckgrafik, die sich nicht individuell anpassen lässt. Nutzen Sie z. B. Inline-SVG, um Schriftart, Größe und Farbe flexibel zu gestalten.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Die Bedienelemente des Sliders besitzen unzureichenden Kontrast. Passen Sie Farben/Heruntersetzung an, damit sie ausreichend wahrnehmbar sind.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Das Sucheingabefeld oben hat nur 1,2:1 Kontrast; erhöhen Sie den Kontrast zwischen Hintergrund und Eingabe für bessere Lesbarkeit.
WCAG 1.4.13
Eingeblendeter Inhalt bei Darüberschweben oder Fokus 		nicht bestanden Eingeblendete Untermenüs können weder mit ESC noch mit erneutem Aktivieren geschlossen werden. Ermöglichen Sie das Schließen, um Inkonsistenzen zu vermeiden.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Der Skiplink „Inhalt“ funktioniert nicht. Korrigieren Sie das Ziel, damit Tastatur-Nutzende den Inhaltsbereich direkt erreichen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Slider-Bild und Überschrift verlinken auf dieselbe Stelle und verursachen redundante Tabschritte. Kombinieren Sie die Elemente oder verhindern Sie doppelte Fokusziele.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Der Start/Stopp-Schalter sollte vor dem Slider-Inhalt in der Fokusreihenfolge stehen. Stellen Sie sicher, dass Tastatur- und Screenreader-Nutzende ihn zuerst erreichen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Nach Interaktionen (Suche, Paginierung, Sortierung) springt der Fokus zurück nach oben. Setzen Sie den Fokus auf die relevanten Inhalte (z. B. erstes Suchergebnis oder aktualisierte Liste).
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Untermenüs werden per display:none versteckt, aber es fehlen aria-expanded/aria-hidden, um Screenreader über den Zustand zu informieren. Ergänzen Sie die Zustände nach ARIA.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Die Labels der Dropdowns „Sortieren nach“ und „Anzahl“ sind nicht mit den Inputs verknüpft. Setzen Sie passende for/id-Attribute, damit die Verbindung klar ist.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Visuelle Checkboxen im Filterbereich sind als Links umgesetzt. Verwenden Sie native Checkboxen oder Buttons, damit ein Status gespeichert und kommuniziert werden kann.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Der aktive Menüeintrag ist nur visuell markiert. Ergänzen Sie aria-current='page', damit assistive Technologien den aktuellen Standort erkennen.
Barrierefreiheitserklärung formal geprüft
Barrierefreiheitserklärung formal geprüft 		nicht bestanden Das Aktualisierungsdatum der Barrierefreiheitserklärung ist älter als ein Jahr (Stand: 18.09.2020). Aktualisieren Sie die Erklärung.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen 		im Wesentlichen bestanden Vermeiden Sie das Einfügen von &shy;-Zeichen, da diese für Screenreader zu unverständlichen Ausgaben führen (z. B. bei „Gebärdensprache“).
WCAG 2.2.2
Pausieren, stoppen, ausblenden 		im Wesentlichen bestanden Der Slider bewegt sich automatisch. Setzen Sie den Standardzustand auf Stopp, damit sich Inhalte nicht automatisch drehen.

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