Staatliches Gutachten zur digitalen Barrierefreiheit

menschenunderfolge.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Alternativtexte, unklare Struktur, mangelhafte ARIA-Rollen und teilweise fehlerhafte Tastaturnutzung erschweren Screenreader-Bedienung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Mehrere kritische Farbkontrastprobleme, Farb-Alleinstellungsmerkmale und fehlende Steuerung für bewegte Inhalte beeinträchtigen die Nutzung stark.

Hörbehinderung Mit Hindernissen nutzbar

Eingebettete Videos ohne Untertitel und ohne Inhalte in Deutscher Gebärdensprache schränken gehörlose Nutzende deutlich ein, während sonstige Textinhalte nutzbar bleiben.

Motorische Behinderung Mit Hindernissen nutzbar

Wesentliche Bedienelemente wie Slider, Skiplink, Scroll-to-Top-Button und Hamburgermenü sind teils nicht oder nur fehlerhaft per Tastatur erreichbar.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende klare Seitentitel, unlogische Überschriftenstruktur, bewegte Inhalte ohne Pausenfunktion und keine Inhalte in Leichter Sprache erschweren Verständnis und Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Automatischer Lauftext ohne Stoppmöglichkeit, inkonsistente Struktur und fehlende vereinfachte Inhalte können Konzentration und Orientierung merklich beeinträchtigen.

Dokumentierte Barrieren

  • Hamburgermenü nicht sicher per Tastatur erreichbar

    Das Hamburgermenü ist nicht korrekt in die Fokusreihenfolge eingebunden. Dadurch können Tastaturnutzende die Navigation möglicherweise nicht öffnen oder steuern.

    Auswirkung: Ich kann die Hauptnavigation eventuell nicht bedienen, wenn ich keine Maus nutze. Dann sind wichtige Seitenbereiche für mich schwer erreichbar.

  • Wichtiger Bereich nicht per Tastatur nutzbar

    Der Bereich „Zu den Erfolgsgeschichten“ ist nicht als echtes Link-Element umgesetzt. Dadurch fehlt die zuverlässige Tastatur- und Screenreader-Bedienung.

    Auswirkung: Wenn ich mit der Tastatur navigiere, kann ich diesen Einstieg möglicherweise nicht auswählen. Dann komme ich nicht sicher zu den Erfolgsgeschichten.

  • Skiplink funktioniert nicht zuverlässig

    Der Skiplink springt nicht sicher zum Hauptinhalt. Damit erfüllt er seine Funktion, schnelle Wege zur Seite zu bieten, nicht verlässlich.

    Auswirkung: Ich muss mich bei jeder Seite wieder durch wiederkehrende Inhalte arbeiten. Das kostet Zeit und ist mit Tastatur oder Screenreader besonders mühsam.

  • Zu geringer Farbkontrast

    Mehrere Texte haben zu wenig Kontrast zum Hintergrund, etwa Links auf Orange oder weiße Schrift auf Grün. Dadurch sind Inhalte schwer lesbar.

    Auswirkung: Ich muss mich anstrengen, um den Text zu lesen, oder kann ihn gar nicht sicher erkennen. Das betrifft vor allem Menschen mit Sehbeeinträchtigungen oder bei ungünstigen Lichtverhältnissen.

  • Ausgeblendete Slider-Inhalte bleiben erreichbar

    Nicht sichtbare Folien im Slider sind offenbar noch in der Tastaturnavigation erreichbar. Dadurch können Fokus und Bedienung auf Inhalte springen, die gar nicht sichtbar sind.

    Auswirkung: Ich lande plötzlich auf unsichtbaren Elementen und verliere die Orientierung. Dann ist unklar, wo ich mich gerade befinde und wie ich weiterkomme.

  • Videos ohne Untertitel

    Die eingebetteten Videos enthalten keine synchronisierten Untertitel. Gesprochene Inhalte und relevante Geräusche sind damit nicht zuverlässig zugänglich.

    Auswirkung: Wenn ich nicht gut höre, verpasse ich wichtige Informationen aus den Videos. Ich kann den Inhalt dann nicht vollständig verstehen.

  • Videos ohne Audiodeskription

    In den Videos werden visuelle Informationen nicht durch eine Audiodeskription oder eine gleichwertige Textalternative vermittelt. Wichtige Bildinhalte bleiben damit unverständlich.

    Auswirkung: Wenn wesentliche Inhalte nur im Bild gezeigt werden, fehlen sie mir komplett. Ich kann die dargestellten Situationen oder Aussagen nicht nachvollziehen.

  • Scroll-to-Top-Button schwer nutzbar

    Der Button zum Zurückspringen an den Seitenanfang ist nicht zuverlässig als Bedienelement umgesetzt. Er ist damit für Tastatur- und Assistive-Technologie-Nutzende nur eingeschränkt nutzbar.

    Auswirkung: Wenn ich am Seitenende bin, komme ich nicht bequem wieder nach oben. Das macht längere Seiten deutlich anstrengender.

  • Slider-Struktur nicht erkennbar

    Der Bereich mit den Eindrücken ist für Assistive Technologien nicht als Slider erkennbar. Die Bedienung und das Verständnis dieser Inhaltseinheit werden dadurch erschwert.

    Auswirkung: Ich erkenne nicht sicher, dass es sich um einen Slider handelt oder wie ich durch die Inhalte navigieren kann. Das macht die Nutzung unnötig kompliziert.

  • Unsaubere Überschriften- und Seitenstruktur

    Die Seiteninhalte sind nicht durchgängig hierarchisch und semantisch sauber gegliedert. Fehlende oder fehlerhafte Überschriften und Bereiche erschweren die Orientierung.

    Auswirkung: Ich kann mir die Seite nicht schnell über Überschriften erschließen. Besonders mit Screenreader verliere ich leichter den Überblick.

  • Automatisch laufender Text ohne Stoppmöglichkeit

    Ein Lauftext startet automatisch, ohne dass er angehalten oder ausgeblendet werden kann. Bewegte Inhalte bleiben damit dauerhaft aktiv und lenken ab.

    Auswirkung: Ich kann mich schwer auf den Inhalt konzentrieren, weil der Text ständig weiterläuft. Für manche Nutzende wird das auch unangenehm oder stressig.

  • Fokusrahmen bei Bedienelementen nicht ausreichend abgesichert

    Wichtige Bedienelemente wie das Menü müssen klar fokussierbar sein und ihren Fokus sichtbar zeigen. Ohne das ist die Tastaturbedienung unsicher.

    Auswirkung: Ich erkenne nicht immer, welches Element gerade aktiv ist. Dann kann ich mich bei der Bedienung leicht vertun.

  • Scroll-to-Top-Button ohne klare Funktionserkennung

    Der Button braucht eine funktionierende Verlinkung und eine verständliche Beschriftung. Ohne das bleibt unklar, was er tut und ob er bedienbar ist.

    Auswirkung: Ich kann nicht sicher erkennen, wie ich wieder an den Anfang komme. Für mich wirkt das Element dann möglicherweise wie ein nicht funktionierender Knopf.

  • Unklare Linkziele bei Logos

    Die Logos sind nicht ausreichend beschrieben, sodass ihre Zielseite für Hilfstechnologien nicht eindeutig erkennbar ist. Dadurch fehlt beim Anklicken oder Vorlesen die wichtige Orientierung, wohin der Link führt.

    Auswirkung: Ich weiß nicht, wohin mich das Logo führt, und muss den Link erst ausprobieren. Mit Screenreader kann ich den Zusammenhang nicht sicher erfassen.

  • Informationen nur über Farbe erkennbar

    Aktive Zustände und Links werden teilweise nur durch Farbe unterschieden. Ohne zusätzliche visuelle Merkmale sind diese Elemente nicht eindeutig erkennbar.

    Auswirkung: Wenn ich Farben schlecht sehe oder Farbinformationen nicht wahrnehme, erkenne ich aktive Punkte oder Links schlechter. Ich kann leichter übersehen, was anklickbar oder ausgewählt ist.

  • Seiten titel geben das Ziel nicht klar an

    Die Seitentitel sind zu allgemein und nennen das konkrete Seitenziel nicht eindeutig. Dadurch fehlt eine wichtige Orientierung in Browser, Tab-Leiste und Hilfstechnologien.

    Auswirkung: Ich kann offene Tabs und die aktuelle Seite schlechter unterscheiden. Das erschwert mir, gezielt zur Startseite oder zum Impressum zurückzufinden.

  • Wichtige Zusatzinformationen fehlen

    Hinweise in Deutscher Gebärdensprache, Leichter Sprache und eine geprüfte Barrierefreiheitserklärung sind nicht vorhanden. Dadurch fehlen zentrale Informationen zur Nutzung und Zugänglichkeit des Angebots.

    Auswirkung: Ich finde keine vereinfachte Erklärung oder Angaben dazu, wie barrierefrei die Seite ist. Das erschwert mir die Einschätzung, ob ich die Inhalte nutzen kann.

  • Falsche oder uneinheitliche Beschriftung von Slider-Buttons

    Die Beschriftungen der Slider-Navigation sind sprachlich oder programmatisch nicht sauber abgestimmt. Dadurch können Bedienelemente missverständlich vorgelesen werden.

    Auswirkung: Ich verstehe dann nicht sofort, welche Taste welche Folie bewegt. Das verlangsamt die Bedienung und führt leicht zu Fehlern.

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 135.0.7049.115 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2025
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Beide verlinkte Logos benötigen aussagekräftige Alternativtexte oder programmatische Linkbeschreibungen, damit Screenreader-Nutzende die Zieladresse erkennen können.
WCAG 1.2.2
Untertitel (aufgezeichnet) 		nicht bestanden Die eingebetteten Videos müssen synchronisierte Untertitel bereitstellen, die gesprochene Inhalte und relevante Geräusche erfassen und per Steuerungselement aktivierbar sind.
WCAG 1.2.3
Audiodeskription oder Medienalternative (aufgezeichnet) 		nicht bestanden Für die visuell informationstragenden Videos ist eine Audiodeskription oder Volltext-Alternative erforderlich, damit blinde bzw. sehbehinderte Nutzende die dargestellten Inhalte nachvollziehen können.
WCAG 1.2.5
Audiodeskription (aufgezeichnet) 		nicht bestanden Zusätzlich zur Tonspur sind zentrale visuelle Inhalte durch eine eigene Audiodeskription zugänglich zu machen (separate Spur oder integrierte Dialogpausen).
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Der Slider im Bereich „Eindrücke“ muss programmatisch als solche Komponente gekennzeichnet werden (z. B. mittels role=region, aria-label und aria-roledescription), damit Assistive Technologien die Struktur erkennen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Die Überschriftenstruktur muss hierarchisch korrekt aufgebaut werden (H1 für Haupttitel, darunter H2/H3) und fehlende Abschnittsüberschriften ergänzen, um semantisch nachvollziehbare Gliederung zu gewährleisten.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Melden Sie die zentralen Inhaltsbereiche mit semantischen HTML5-Elementen (<header>, <main>, <footer>), damit Assistive Technologien sich zwischen Kopf, Hauptinhalt und Fußbereich orientieren können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Im Impressum sind strukturlose Überschriften (leere H2, nicht strukturierende H4) zu entfernen bzw. durch geeignete Textauszeichnungen zu ersetzen, sodass die semantische Gliederung für Screenreader nachvollziehbar bleibt.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Die aktive Markierung in der Footer-Navigation darf nicht ausschließlich über Farbe erfolgen – fügen Sie z. B. Unterstreichung, Fettdruck oder Rahmen hinzu.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Die verlinkte Kontakt-E-Mail-Adresse benötigt ein zusätzliches visuelles Merkmal (z. B. Unterstreichung oder Fettdruck), damit sie auch ohne Farbe als Link erkennbar ist.
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Die Links auf orangem Hintergrund müssen so angepasst werden, dass der Farbkontrast mindestens 4,5:1 beträgt, um normale Textlesbarkeit sicherzustellen.
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Steigern Sie den Kontrast zwischen orangener Schrift und grünem Hintergrund auf mindestens 3:1 (auch bei 60 px Schriftgröße).
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Die weiße Schrift auf grünem Hintergrund erreicht nur 2,8:1 – passen Sie die Farben an, damit der Kontrast mindestens 3:1 beträgt.
WCAG 2.1.1
Tastatur 		nicht bestanden Der Bereich „Zu den Erfolgsgeschichten“ muss als echtes Link-Element umgesetzt werden, damit er fokussierbar ist und Screenreader ihn als interaktives Element ansagt.
WCAG 2.2.2
Pausieren, stoppen, ausblenden 		nicht bestanden Der automatisch gestartete Lauftext benötigt eine Steuerung (z. B. „Animation anhalten“), mit der er pau­siert, gestoppt oder ausgeblendet werden kann.
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Der Skiplink „Content“ muss beim Aktivieren den Fokus zuverlässig auf den Hauptinhalt verschieben, damit Tastatur- und Screenreader-Nutzende nicht unnötig durch Inhalt springen müssen.
WCAG 2.4.2
Seite mit Titel 		nicht bestanden Ergänzen Sie den Seitentitel um eine klare Beschreibung des Seitenziels („Startseite – Menschen und Erfolge“ bzw. „Impressum – Menschen und Erfolge“), damit Nutzende Orientierung erhalten.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Die Tastaturnavigation darf nur die aktuell sichtbaren Slider-Elemente fokussieren; alle ausgeblendeten Folien sind entweder aria-hidden oder gänzlich aus der Fokusreihenfolge zu nehmen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Der Scroll-to-Top-Button soll erst am Ende der Seite in die Fokusreihenfolge kommen und beim Aktivieren den Fokus an den Seitenanfang zurückführen.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Passe die aria-labels der Slider-Navigation an („Vorherige Folie“, „Nächste Folie“), damit programmatische Beschriftung und visuelle Texte konsistent in der verwendeten Sprache sind.
WCAG 2.4.7
Fokus sichtbar 		nicht bestanden Das Hamburgermenü muss programmatisch in die Fokusreihenfolge eingebunden werden, damit Tastaturnutzende zwischen den Skiplinks navigieren können.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Der Scroll-to-Top-Button benötigt eine funktionierende Verlinkung (z. B. href="#top" oder JS) und ein aussagekräftiges aria-label bzw. sichtbaren Text, damit Assistive Technologien ihn erkennen.
Zusatzkriterien: Deutsche Gebärdensprache / Leichte Sprache / Barrierefreiheitserklärung
Bereitstellung ergänzender Informationen und geprüfter Erklärung 		nicht bestanden Links und Informationen zu Inhalten in Deutscher Gebärdensprache, Leichter Sprache sowie zur formell geprüften Barrierefreiheitserklärung fehlen vollständig und müssen ergänzt werden.

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