menschenunderfolge.de

Website nicht konform Prüfung vom 06.05.2025 ID: #1005

Sonstiges private Organisation

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Bundesinstitut für Bau-, Stadt- und Raumforschung (BBSR)
Prüforganisation: Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Stadt: Berlin
Prüfart: Vereinfachte Überwachung

Technische Umgebung

OS: Windows 11
Browser: Chrome 135.0.7049.115 (Offizieller Build) (64-Bit)
Screenreader: NVDA 2025
Auflösung:
Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
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.	Ich kann die Hauptnavigation eventuell nicht bedienen, wenn ich keine Maus nutze. Dann sind wichtige Seitenbereiche für mich schwer erreichbar.	Melden
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.	Wenn ich mit der Tastatur navigiere, kann ich diesen Einstieg möglicherweise nicht auswählen. Dann komme ich nicht sicher zu den Erfolgsgeschichten.	Melden
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.	Ich muss mich bei jeder Seite wieder durch wiederkehrende Inhalte arbeiten. Das kostet Zeit und ist mit Tastatur oder Screenreader besonders mühsam.	Melden
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.	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.	Ich lande plötzlich auf unsichtbaren Elementen und verliere die Orientierung. Dann ist unklar, wo ich mich gerade befinde und wie ich weiterkomme.	Melden
Videos ohne Untertitel Die eingebetteten Videos enthalten keine synchronisierten Untertitel. Gesprochene Inhalte und relevante Geräusche sind damit nicht zuverlässig zugänglich.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	Ich verstehe dann nicht sofort, welche Taste welche Folie bewegt. Das verlangsamt die Bedienung und führt leicht zu Fehlern.	–

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen

https://menschenunderfolge.de/
https://menschenunderfolge.de/impressum/

Empfehlung & Status

Bitte beseitigen Sie die zahlreichen Verstöße, indem Sie fehlende Alternativtexte und semantische Markierungen ergänzen, Videos mit Untertiteln und Audiodeskriptionen versehen, ARIA-Attribute sowie Tastaturzugänglichkeit für Slider, Hamburger-Menü, Skiplinks und Scroll-to-Top-Button korrelieren, Farben und Kontraste anpassen und fehlende Informationen in Deutscher Gebärdensprache, Leichter Sprache sowie eine geprüfte Barrierefreiheitserklärung bereitstellen.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
9.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.
9.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.
9.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.
9.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).
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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.
9.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).
9.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.
9.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.
9.2.2.2 Pausieren, stoppen, ausblenden	nicht bestanden	Der automatisch gestartete Lauftext benötigt eine Steuerung (z. B. „Animation anhalten“), mit der er pausiert, gestoppt oder ausgeblendet werden kann.
9.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.
9.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.
9.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.
9.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.
9.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.
9.2.4.7 Fokus sichtbar	nicht bestanden	Das Hamburgermenü muss programmatisch in die Fokusreihenfolge eingebunden werden, damit Tastaturnutzende zwischen den Skiplinks navigieren können.
9.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.

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

KI-Schnellcheck zur Nutzbarkeit