Staatliches Gutachten zur digitalen Barrierefreiheit

Zukunft der Wertschöpfung

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Kaum nutzbar

Mehrere schwere Screenreader- und Tastaturprobleme (fehlende Skiplinks, fehlerhafte Reihenfolge, unklare Namen/Rollen, unzureichende Alternativtexte, problematische Navigation) machen die Nutzung zwar teilweise möglich, aber stark erschwert und fehleranfällig.

Sehbehinderung Kaum nutzbar

Nicht bestandener Mindestkontrast, schlechte Fokusanzeige und Probleme mit Reflow/Hamburger-Menü beeinträchtigen die Wahrnehmbarkeit und Bedienbarkeit deutlich.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende Untertitel für Videos und unzureichende Informationen in Deutscher Gebärdensprache schränken den Zugang zu multimedialen Inhalten stark ein, während rein textliche Inhalte grundsätzlich nutzbar sind.

Motorische Behinderung Mit Hindernissen nutzbar

Fehlende Skiplinks, leere Fokusstopps, unzureichender sichtbarer Fokus und unvollständig zugängliches Hamburger-Menü erschweren die reine Tastatur- oder alternativen Eingabegeräte-Nutzung deutlich, lassen sie aber nicht vollständig scheitern.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Linkzwecke, fehlende Suchfunktion/Sitemap und inkonsistente Strukturierung (Reihenfolge, Überschriften, Navigation) beeinträchtigen Orientierung und Verständnis spürbar.

Neurodivergenz Mit Hindernissen nutzbar

Mangelnde klare Struktur, unklare Linktexte, Navigationsprobleme und fehlende Suchfunktion können Aufmerksamkeit, Orientierung und Reizreduktion erschweren, ohne die Nutzung vollständig zu verhindern.

Dokumentierte Barrieren

  • Hamburger-Menü nicht vollständig zugänglich bei kleinen Displays und Zoom

    Das mobile Menü ist nicht vollständig sichtbar oder scrollbar. Bei kleinen Bildschirmen, Zoom oder Touchbedienung können dadurch Einträge verdeckt oder unerreichbar sein.

    Auswirkung: Ich komme unter Umständen nicht an alle Menüpunkte heran. Besonders auf dem Smartphone oder bei Vergrößerung kann das die Navigation stark einschränken.

  • Keine Untertitel für Videos

    Aufgezeichnete Videos haben keine Untertitel. Gesprochene Inhalte und wichtige Geräusche sind dadurch nicht in Textform verfügbar.

    Auswirkung: Ich kann den Inhalt eines Videos ohne Hören nicht vollständig erfassen. Für mich gehen zentrale Informationen verloren, wenn ich taub bin oder den Ton nicht nutzen kann.

  • Zu geringer Kontrast bei Texten und PDFs

    Mehrere Texte und Dokumente erreichen den nötigen Farbkontrast nicht. Dadurch sind Inhalte je nach Sehvermögen und Umgebung schwer lesbar.

    Auswirkung: Ich muss mich stärker anstrengen, um Texte zu erkennen, und verliere schneller die Leseflüssigkeit. Bei schlechtem Sehvermögen kann ich Inhalte teilweise nur schwer oder gar nicht erfassen.

  • Kein direkter Sprung zum Hauptinhalt

    Am Seitenanfang fehlt ein funktionierender Skiplink zum Hauptinhalt. Dadurch muss ich mich bei jedem Seitenaufruf erneut durch wiederkehrende Bereiche navigieren.

    Auswirkung: Ich verliere Zeit und muss immer wieder dieselben Navigationselemente durchlaufen. Mit Tastatur oder Screenreader ist das besonders mühsam.

  • Keine Audiodeskription für visuelle Inhalte in Videos

    Zentrale visuelle Informationen in Videos werden nicht zusätzlich beschrieben. Dadurch bleiben wichtige Bildelemente für blinde Nutzende unverständlich, wenn sie nicht im Ton erklärt werden.

    Auswirkung: Ich erfasse nicht, was im Bild passiert, wenn diese Informationen nicht gesprochen werden. Dadurch kann mir ein wesentlicher Teil des Inhalts fehlen.

  • DGS-Inhalte fehlen

    Wesentliche Informationen und Orientierungshilfen werden nicht in Deutscher Gebärdensprache angeboten. Dadurch fehlt gehörlosen Nutzenden ein wichtiger Zugang zu zentralen Inhalten.

    Auswirkung: Ich bekomme wichtige Hinweise zur Website und zu den Inhalten nicht in einer für mich gut zugänglichen Form. Das erschwert das Verständnis und die eigenständige Nutzung deutlich.

  • Tastaturbedienung ohne sichtbaren Fokus

    Beim Navigieren mit der Tastatur ist der aktuelle Fokus nicht immer deutlich sichtbar. Dadurch ist es schwierig zu erkennen, welches Element gerade aktiv ist, besonders in Menüs, Videos oder Formularbereichen.

    Auswirkung: Ich kann nicht sicher sehen, wo ich mich auf der Seite gerade befinde. Das macht die Bedienung langsam, fehleranfällig und kann dazu führen, dass ich versehentlich falsche Elemente auslöse.

  • Untermenüs nicht eindeutig erkennbar

    Menüpunkte mit Untermenüs sind nicht klar als aufklappbar gekennzeichnet. Die nötigen Zustandsinformationen fehlen, sodass der Aufbau der Navigation nicht zuverlässig erkennbar ist.

    Auswirkung: Ich weiß nicht sicher, ob ein Menüpunkt weitere Optionen enthält oder bereits alles zeigt. Das erschwert das Finden von Inhalten erheblich, besonders mit Screenreader.

  • Störende oder übersprungene Tastaturreihenfolge

    In der Tastaturreihenfolge gibt es leere Tabstopps und unnötige Stationen. Dadurch springt der Fokus nicht sauber von einem sinnvollen Element zum nächsten.

    Auswirkung: Ich muss unnötig oft tabben und kann nicht zügig durch die Seite gehen. Das ist besonders mühsam, wenn ich nur die Tastatur benutze.

  • Informative Grafiken nicht verständlich beschrieben

    Wichtige Grafiken haben keine präzisen Alternativtexte oder ausreichende textliche Erläuterungen. Dadurch bleibt ihr Inhalt für nicht visuelle Nutzung unklar.

    Auswirkung: Ich entgehe wichtigen Informationen, wenn diese nur über Bilder vermittelt werden. Das kann dazu führen, dass ich Inhalte oder Zusammenhänge nicht verstehe.

  • Keine einfache Suche oder Sitemap

    Es gibt keine gut sichtbare Suchfunktion und keine strukturierte Sitemap. Inhalte lassen sich daher nicht direkt über alternative Einstiege finden.

    Auswirkung: Ich muss mich mühsam durch die Navigation klicken, statt gezielt Inhalte zu suchen. Das ist besonders schwierig, wenn ich schon weiß, wonach ich suche.

  • Seiteninhalte in falscher Reihenfolge

    Einige Inhalte sind programmatisch anders angeordnet als visuell, zum Beispiel Logo, Vorlesetool und Startseiten-Link. Dadurch folgt die Tastatur- und Screenreader-Bedienung nicht immer der erwarteten Reihenfolge.

    Auswirkung: Ich verliere leichter die Orientierung und muss mich durch eine unlogische Abfolge arbeiten. Das kostet Zeit und kann dazu führen, dass ich Inhalte übersehe.

  • Unklare Linktexte bei Social-Media- und E-Mail-Links

    Einige Links, etwa zu LinkedIn oder E-Mail, sind nicht aussagekräftig beschriftet. Der Linkzweck ist aus dem Kontext nicht immer eindeutig.

    Auswirkung: Ich weiß vor dem Öffnen nicht sicher, wohin der Link führt. Das macht die Navigation unübersichtlich und führt leicht zu Fehlklicks oder Fehlaufrufen.

  • Startseitenlogo nicht als verständlicher Link nutzbar

    Das Logo ist fehlerhaft als E-Mail ausgegeben statt als klarer Link zur Startseite. Dadurch fehlt die erwartete Funktion und die Bedeutung des Elements ist unklar.

    Auswirkung: Ich kann die Startseite nicht wie gewohnt über das Logo erreichen oder erkenne nicht, was das Element tut. Das stört vor allem die schnelle Orientierung auf der Website.

  • Videos ohne verständlichen Titel oder Beschreibung

    Eingebettete Videos haben keinen ausreichend sprechenden Titel oder eine klare Beschriftung. Dadurch ist vor dem Abspielen nicht erkennbar, worum es inhaltlich geht.

    Auswirkung: Ich kann nicht einschätzen, ob ein Video für mich relevant ist. Mit Screenreader ist es schwerer, gezielt den passenden Inhalt auszuwählen.

  • Links zu E-Mail und Telefonnummern nicht als solche erkennbar

    E-Mail-Adressen und Telefonnummern sind nicht zuverlässig als anklickbare Links ausgezeichnet oder visuell hervorgehoben. Dadurch wirken sie wie normaler Text.

    Auswirkung: Ich erkenne nicht sofort, dass ich mit einem Klick oder Tipp Kontakt aufnehmen kann. Das erschwert das schnelle Nutzen von Kontaktmöglichkeiten.

  • Downloads nicht klar als Dokumente gekennzeichnet

    Download-Links machen nicht immer deutlich, welche Datei geladen wird und in welchem Format sie vorliegt. Zusätzliche Hinweise wie Dateityp oder Dateigröße fehlen teilweise.

    Auswirkung: Ich kann nicht gut abschätzen, was mich nach dem Klick erwartet. Das ist besonders problematisch bei Mobilgeräten, langsamen Verbindungen oder wenn ich nur bestimmte Dateitypen öffnen kann.

  • Fußzeile semantisch unklar aufgebaut

    Die Struktur der Fußzeile folgt nicht sauber einer logischen Überschriftenhierarchie. Dadurch ist der Aufbau für Screenreader schwerer nachvollziehbar.

    Auswirkung: Ich finde Informationen in der Fußzeile schlechter und verstehe die Gliederung nicht sofort. Das kostet Zeit und erschwert die Orientierung am Seitenende.

  • Barrierefreiheitserklärung nicht ausreichend vorhanden

    Eine klar benannte und vollständige Barrierefreiheitserklärung ist nicht ordnungsgemäß eingebunden. Wichtige Informationen zu bekannten Problemen, Kontakt und Feedback fehlen oder sind nicht auffindbar.

    Auswirkung: Ich kann nicht leicht nachlesen, welche Barrieren es gibt und wie ich Rückmeldung geben kann. Das erschwert es mir, Hilfe oder Unterstützung zu bekommen.

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 138.0.7204.158
Screenreader
NVDA
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), bitvtest.de Bookmarklets
  • https://www.zukunft-der-wertschoepfung.de/bk-odin/ Web-Angebot öffnen
  • https://www.zukunft-der-wertschoepfung.de/leitfaden-videoerstellung/
  • https://www.zukunft-der-wertschoepfung.de/forschungsfoerderung/
  • https://www.zukunft-der-wertschoepfung.de/wp-content/uploads/2022/11/BMBF_Broschure_Zukunft_Wertschoepfung_n-Vorwort.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Stellen Sie sicher, dass Fokusindikatoren auf Buttons jederzeit deutlich sichtbar sind (z. B. durch kontrastreiche Rahmen oder Hintergrundwechsel) und auch bei Zoom, Farbmodi und beim ersten Fokussieren erhalten bleiben.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Ordnen Sie die Elemente im DOM so, dass dieprogrammatische Reihenfolge der visuellen entspricht, insbesondere Logo, Vorlesetool und Startseiten-Link, damit Tastatur- und Screenreader-Nutzende eine konsistente Orientierung erhalten.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Markieren Sie Menüpunkte mit Untermenüs durch visuelle Hinweise und programmatische Attribute (aria-haspopup, aria-expanded), um die Navigationsebene für alle Nutzenden eindeutig zu kennzeichnen.
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Passen Sie Text- und Hintergrundfarben so an, dass der kontrast mindestens 4,5:1 (bzw. 3:1 bei großem/fettem Text) erreicht – dies gilt sowohl für Web- als auch für PDF-Inhalte.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Überprüfen Sie JavaScript/CSS, damit Fokusindikatoren beim ersten Fokussieren eines Videos nicht verschwinden, z. B. durch Entfernen von outline:none oder durch Vermeidung von Fokusverlust durch Autoplay.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Entfernen Sie leere Tabstopps (z. B. durch tabindex='-1' oder display:none) nach dem Button vor den FAQ, damit die Tastaturnavigation ohne unnötige Stationen funktioniert.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Kennzeichnen Sie E-Mail-Adressen und Telefonnummern als Links (mailto:, tel:) und heben Sie deren Linkcharakter visuell hervor, damit sie als interaktive Elemente erkennbar sind.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Versehen Sie LinkedIn- und E-Mail-Verlinkungen mit sprechenden Linktexten, damit der Zweck klar vermittelt wird (z. B. ‚LinkedIn-Profil von …‘ oder ‚E-Mail an …‘).
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Kennzeichnen Sie aufklappbare Navigationseinträge programmatisch (aria-haspopup, aria-expanded, aria-controls) damit Screenreader-Nutzende erkennen, dass sich Untermenüs öffnen lassen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Beschriften Sie Download-Links mit kontextspezifischem Text inklusive Dateiformat, damit Nutzer wissen, welche Datei geladen wird.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Ersetzen Sie die fehlerhaft als E-Mail ausgegebenen Logos durch gut strukturierte Links zur Startseite mit einem aussagekräftigen Alternativtext (z. B. ‚Startseite‘).
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Jedes eingebettete Video benötigt einen sprechenden Titel als sichtbare Überschrift oder per aria-label/title, damit der Inhalt auch für Screenreader-Nutzende verständlich ist.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Machen Sie deutlich, dass es sich um Dokumente handelt (z. B. ‚Antragsformular [PDF]‘) und ergänzen Sie ggf. Hinweise zur Dateigröße oder zu einem neuen Fenster.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Stellen Sie sicher, dass das Video auf der Inhaltsseite programmatisch vor dem ergänzenden Button und in logischer Reihenfolge zum Text erscheint, damit Tastatur- und Screenreader-Nutzende die erwartete Struktur erhalten.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Markieren Sie Akkordeons/Toggles mit Rollen (z. B. button) und Attributen aria-expanded sowie aria-controls, damit Screenreader-Nutzende Anzahl und Zustand der Bereiche erkennen können.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Beschreiben Sie informative Grafiken mit präzisen Alternativtexten oder ergänzenden Fließtexten, damit Screenreader-Nutzende die Inhalte nachvollziehen können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Strukturieren Sie die Fußzeile so, dass Überschriften nur um eine Ebene steigen oder sinken und die semantische Hierarchie klar bleibt.
WCAG 1.3.4
Ausrichtung / Textgröße ändern / Automatischer Umbruch (Reflow) 		nicht bestanden Machen Sie das Hamburger-Menü vollständig sichtbar und scrollbar, damit sämtliche Einträge auch bei kleinen Bildschirmen, Zoom oder Touchbedienung zugänglich bleiben.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Fügen Sie einen sicht- und fokussierbaren Skiplink am Seitenanfang ein, der direkt zum Hauptinhalt (z. B. href='#maincontent') springt und per Tastatur erreichbar bleibt.
Zusatzkriterien: Deutsche Gebärdensprache
Inhalte in Deutscher Gebärdensprache 		nicht bestanden Stellen Sie Links auf DGS-Inhalte bereit und bieten Sie wesentliche Informationen, Navigationstipps, Erläuterungen zur Barrierefreiheit sowie Hinweise auf weitere Inhalte in Deutscher Gebärdensprache an.
Barrierefreiheitserklärung formal geprüft
Barrierefreiheitserklärung 		nicht bestanden Bringen Sie eine klar benannte, aktuelle Erklärung mit Bewertung, Auflistung nicht barrierefreier Inhalte, Prüfmethode, Datum, Feedback-Mechanismus, Kontaktstelle und Durchsetzungsverfahren auf jeder Seite unter.
WCAG 1.2.2
Untertitel (aufgezeichnet) 		nicht bestanden Ergänzen Sie synchronisierte Untertitel, die gesprochene Inhalte und relevante Geräusche abbilden, die per zugänglichem Steuerungselement aktiviert werden können.
WCAG 1.2.5
Audiodeskription (aufgezeichnet) 		nicht bestanden Liefern Sie eine Audiodeskription zentraler visueller Inhalte als separate Spur oder integrierte Einspielung bzw. einen Hinweis, falls keine weiteren visuellen Informationen vorliegen.
WCAG 2.4.5
Verschiedene Möglichkeiten 		nicht bestanden Bieten Sie eine gut sichtbare und tastaturbedienbare Suchfunktion sowie eine strukturierte Sitemap für benannten Zugriff auf alle Hauptbereiche der Website.

Möglicherweise verwandte Prüfungen

Zukunft ins Sicht

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 12.03.2025

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