Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten.

Gemeinschaftswerk Nachhaltigkeit

Website nicht konform Prüfung vom 24.05.2025 ID: #1024

Umwelt private Organisation

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Engagement Global GmbH
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
Screenreader: NVDA
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

Kaum nutzbar

Massive Screenreader- und Tastaturprobleme, fehlende Alternativtexte, Titel, Skiplinks und unzugängliche Formulare sowie PDFs schränken blinde Nutzende stark ein, machen Teile aber nicht völlig unbenutzbar.

Sehbehinderung

Kaum nutzbar

Unzureichender Kontrast, fehlender Reflow, abgeschnittene Inhalte und fehlende Fokusanzeige in Kombination mit schwacher Tastaturunterstützung machen die Nutzung für sehbehinderte Personen nahezu unmöglich.

Hörbehinderung

Mit Hindernissen nutzbar

Für gehörlose Menschen fehlen zwar DGS-Inhalte und Leichte Sprache, aber Kernfunktionen sind überwiegend nutzbar, da Tonabhängigkeit nicht im Vordergrund steht.

Motorische Behinderung

Kaum nutzbar

Weitreichende Tastaturhindernisse (nicht fokussierbare Menüs, Login, Registerkarten, Checkboxen, Pop-ups) machen eine Nutzung ohne Maus in großen Teilen praktisch unmöglich.

Lernbehinderung

Kaum nutzbar

Fehlende klare Labels, Fehlerhinweise, Suchfunktion, unlogische Fokus- und Tab-Reihenfolgen sowie keine Leichte Sprache erschweren Orientierung und Formularnutzung stark.

Neurodivergenz

Kaum nutzbar

Inkonsistente Navigation, fehlende Strukturhilfen, schlechte Fokusführung und unklare Interaktionen führen zu hoher kognitiver Belastung für neurodivergente Personen.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
Wichtige Menüs nur mit Maus bedienbar Untermenüs, Registerkarten und mehrere Schalter lassen sich nicht per Tastatur öffnen oder auslösen. Auch der Login-Link ist nicht fokussierbar und wichtige Overlays lassen sich nicht sauber schließen.	Ich kann mich ohne Maus nicht anmelden, Inhalte nicht aufrufen und Pop-ups nicht wegbedienen. Dadurch bleibt mir ein zentraler Teil der Website praktisch verschlossen.	Melden
Fokus ist schwer erkennbar oder springt unlogisch Mehrere interaktive Elemente zeigen keinen klar sichtbaren Fokuszustand. Nach Aktionen springt der Fokus teils an unpassende Stellen oder erzeugt leere Tab-Schritte am Seitenende.	Ich verliere die Orientierung beim Bedienen mit Tastatur oder Screenreader. Dadurch kann ich nicht sicher erkennen, wo ich gerade bin und was als Nächstes passiert.	Melden
Wichtige Inhalte für Screenreader unvollständig Bilder haben teilweise keine aussagekräftigen Alternativtexte, und das Video hat keine Audiodeskription oder Textalternative. Auch Teile der Registrierungsseite sind nur visuell vorhanden und nicht per Screenreader erreichbar.	Ich bekomme als blinde Person zentrale Inhalte nicht vollständig mit. Besonders visuelle Informationen aus Bildern und Video bleiben mir verborgen, und manche Hinweise auf der Registrierungsseite fehlen ganz.	Melden
Formulare schwer verständlich und fehleranfällig Eingabefelder haben teils nur Platzhalter statt dauerhafter Beschriftungen, Pflichtfelder sind nur mit Sternchen markiert und Fehlermeldungen stehen nicht direkt bei den betroffenen Feldern. Zusätzlich fehlen teils Angaben zum Eingabezweck.	Ich weiß oft nicht sicher, was ich eintragen soll oder welche Felder Pflicht sind. Wenn ein Fehler auftritt, finde ich ihn schwer wieder und kann das Formular nicht zuverlässig abschließen.	Melden
Inhalte werden bei Zoom oder auf kleinen Bildschirmen abgeschnitten Texte und Bedienelemente ragen bei Vergrößerung oder schmalen Ansichten aus dem Sichtbereich oder überlagern sich. Dadurch ist der Inhalt nicht sauber im Reflow nutzbar.	Wenn ich zoome oder mobil nutze, sehe ich Teile der Seite nicht vollständig. Ich muss horizontal scrollen oder Inhalte bleiben teilweise unerreichbar.	Melden
PDF-Dokument nicht zugänglich strukturiert Das zugehörige PDF ist nicht getaggt und wurde im PAC-Test nicht bestanden. Dadurch fehlen für assistive Technologien logische Struktur, Lesereihenfolge und zuverlässige Orientierung.	Ich kann das PDF mit Screenreader nur eingeschränkt oder sehr mühsam nutzen. Wichtige Informationen darin sind für mich schwer auffindbar oder falsch geordnet.	Melden
Cookie-Entscheidung zu spät erreichbar Das Cookie-Banner ist erst nach dem Durchlaufen der Seite per Tastatur erreichbar. Damit müssen Nutzende die Entscheidung sehr spät treffen, obwohl sie sie sofort brauchen könnten.	Ich muss mich erst durch die Seite bewegen, bevor ich das Banner bedienen kann. Das erschwert den Einstieg und kann weitere Nutzungsschritte blockieren oder unnötig verlängern.	–
Navigation und Seitenstruktur schlecht erkennbar Die Seite hat keinen eindeutigen Seitentitel und es fehlt ein sicht- und fokussierbarer Skiplink zum Hauptinhalt. Zusätzlich ist die aktive Position im Menü nicht klar gekennzeichnet und es gibt keine barrierefreie Suchfunktion oder Sitemap.	Ich muss mich mühsam durch wiederkehrende Bereiche arbeiten und verliere schneller den Überblick. Ohne klare Orientierung finde ich Inhalte und aktuelle Seitenabschnitte schlechter wieder.	–
Kontrast erschwert das Lesen Mehrere Buttons, Texte und UI-Elemente haben zu wenig Kontrast zum Hintergrund. Dadurch sind besonders wichtige Bedienelemente und Hinweise schwerer wahrnehmbar.	Ich muss Texte und Schaltflächen genauer suchen und kann Inhalte schneller übersehen. Bei Sehschwäche oder in ungünstigen Lichtverhältnissen wird die Bedienung deutlich anstrengender.	–
Links und Kacheln schwer verständlich Mehrere interaktive Kacheln sind als ein einziges Link-Element umgesetzt und Linktexte sind teils sehr lang oder nur mit „Hier“ beschriftet. Die Bedeutung des Links ist dadurch nicht klar genug erkennbar.	Ich kann nicht schnell entscheiden, wohin ein Link führt. Das kostet Zeit und erhöht das Risiko, falsche Inhalte zu öffnen oder wichtige Seiten zu übersehen.	–
Zusatzinformationen fehlen in Gebärdensprache und Leichter Sprache Wichtige Zusatzinformationen sind nicht in Deutscher Gebärdensprache und nicht in Leichter Sprache vorhanden. Damit fehlen Zielgruppen spezifische Zugänge zu Erklärung und Navigation.	Wenn ich auf diese Formate angewiesen bin, kann ich grundlegende Informationen nicht gut verstehen. Das erschwert mir den Zugang zu Website, Angeboten und Hilfetexten.	–
Keine Barrierefreiheitserklärung auffindbar Es gibt keine Barrierefreiheitserklärung auf der Website. Damit fehlen Nutzenden Informationen über den Stand der Barrierefreiheit und Anlaufstellen für Rückmeldungen.	Ich erfahre nicht, welche Hürden die Website hat und wohin ich mich bei Problemen wenden kann. Das erschwert mir die Einordnung und Meldung von Barrieren.	–

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://gemeinschaftswerk-nachhaltigkeit.de/
https://auth.gemeinschaftswerk-nachhaltigkeit.de/realms/wpgwn/protocol/openid-connect/registrations?response_type=code&client_id=wpgwn-app&state=Lng4V3Fudmw0OEh4bjViVU5WTkVDLTdlRzdrQllYTnlma042ZmV3cFcycUYt%3B%252Faccount%253FforceRegistration%253D&redirect_uri=https%3A%2F%2Fgemeinschaftswerk-nachhaltigkeit.de%2Fapp%2F&scope=openid%20profile%20email&code_challenge=vPBg2IXOR3b_RLv8tUJgSjqW7BEzVTteJhwsxB5Tvg8&code_challenge_method=S256&nonce=Lng4V3Fudmw0OEh4bjViVU5WTkVDLTdlRzdrQllYTnlma042ZmV3cFcycUYt
https://gemeinschaftswerk-nachhaltigkeit.de/app/events/search
https://gemeinschaftswerk-nachhaltigkeit.de/app/search?query=pdf&type=orga
https://gemeinschaftswerk-nachhaltigkeit.de/cms/assets/c3bbd359-5edd-4113-98b2-66840549ec83

Empfehlung & Status

Die Seite benötigt umfassende Nacharbeit: Ergänzen Sie fehlende Alternativtexte, Audiodeskriptionen und eine barrierefreie Reflow-Darstellung, stellen Sie alle Bedienelemente sowie Menüs per Tastatur bereit, sorgen Sie für eindeutige Titel und Skiplinks, verbessern Sie die Sichtbarkeit und Beschreibung von Fokuszuständen sowie Menü- und Schalterzuständen, erstellen Sie eine Barrierefreiheitserklärung und ergänzen Sie die geforderten Zusatzinformationen in Deutscher Gebärdensprache und Leichter Sprache. PDF-Dokumente müssen mit Tags und korrekter Struktur versehen sowie mit manueller Prüfung ergänzt werden.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
9.1.1.1 Nicht-Text-Inhalt	nicht bestanden	Alle Bilder im Bereich Veranstaltungen benötigen aussagekräftige Alternativtexte oder leere alt-Attribute, damit Screenreader die Inhalte korrekt vermitteln und nicht überflüssige Informationen vorlesen.
9.1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet)	nicht bestanden	Das eingebettete Video weist keine Audiodeskription oder Volltext-Alternative auf, wodurch visuelle Informationen blinden Nutzenden vorenthalten bleiben; liefern Sie eine beschreibende Tonspur oder Textfassung.
9.1.2.5 Audiodeskription (aufgezeichnet)	nicht bestanden	Es fehlt eine Audiodeskription für visuelle Inhalte des Videos (Szenenwechsel, Gestik, Texteinblendungen); ergänzen Sie diese sowohl für blinde als auch für stark sehbehinderte Personen.
9.1.3.1 Info und Beziehungen	nicht bestanden	Interaktive Kacheln sind als ein einziges a-Element gekennzeichnet, sodass Linktexte lang und unübersichtlich sind; strukturieren Sie Inhalte und beschränken den Linktext auf die klickbare Kerninformation.
9.1.3.2 Bedeutungsvolle Reihenfolge	nicht bestanden	Das Cookie-Banner ist erst nach Durchlaufen der Seite tagbar, bestehende Nutzer müssen Entscheide am Ende treffen; bringen Sie das Banner an den Beginn der Fokusreihenfolge und machen Sie es sofort tastaturzugänglich.
9.1.3.2 Bedeutungsvolle Reihenfolge	nicht bestanden	Die programmatische Reihenfolge der Filterelemente stimmt nicht mit der visuellen Darstellung überein und erschwert die Orientierung; rücken Sie die DOM-Reihenfolge an das visuelle Layout heran.
9.1.3.4 Ausrichtung	nicht bestanden	Texte und Bedienelemente werden abgeschnitten oder überlagern sich bei Zoom oder kleineren Bildschirmen; sorgen Sie für ein responsives Verhalten, sodass Inhalte flexibel umgebrochen werden.
9.1.3.5 Eingabezweck bestimmen	nicht bestanden	Eingabefelder enthalten kein autocomplete-Attribut und geben damit den Zweck der Eingabe nicht programmatisch weiter; versehen Sie Felder mit passenden autocomplete-Werten wie given-name oder email.
9.1.4.3 Kontrast (Minimum)	nicht bestanden	Der Button „Verband/ Nichtregierungsorganisation“ weist nur 2,9:1 Kontrast zum Hintergrund auf; passen Sie Farben so an, dass der Mindestkontrast von 4,5:1 (bzw. 3:1 für großen Text) erreicht wird.
9.1.4.3 Kontrast (Minimum) / Nicht-Text-Kontrast	nicht bestanden	Pinke Textelemente und Interface-Elemente liegen mit nur 2:1 Kontrast vor und überschreiten nicht die Anforderungen; erhöhen Sie den Kontrast von Text und grafischen Elementen auf mindestens 4,5:1 (3:1 für große Elemente).
9.1.4.10 Automatischer Umbruch (Reflow)	nicht bestanden	Im einspaltigen Layout, z. B. bei Zoom oder Mobilnutzung, ragen Inhalte aus dem Sichtbereich und werden nicht komplett dargestellt; sorgen Sie dafür, dass der gesamte Inhalt bei Reflow ohne horizontales Scrollen zugänglich bleibt.
9.2.1.1 Tastatur	nicht bestanden	Menüeinträge mit Untermenüs lassen sich mit Tastatur nicht öffnen; machen Sie Untermenüs vollständig tastaturzugänglich, inklusive fokussierbarer Unterpunkte.
9.2.1.1 Tastatur	nicht bestanden	Registerkarten lassen sich per Tastatur weder fokussieren noch aktivieren; setzen Sie role="tab"/aria-selected korrekt ein und ermöglichen Sie die Aktivierung per Enter/Leertaste.
9.2.1.1 Tastatur	nicht bestanden	Checkboxen sind ausschließlich mit Maus bedienbar; stellen Sie sicher, dass sie mit Tab erreichbar, mit Leertaste schaltbar und ihr Status programmgesteuert verfügbar ist.
9.2.1.1 Tastatur	nicht bestanden	Auf der Registrierungsseite sichtbare Texte können nicht per Tastatur oder Screenreader erreicht werden, weil sie nur visuell vorhanden sind; setzen Sie echten HTML-Text ein, der in der Fokusreihenfolge liegt.
9.2.1.1 Tastatur	nicht bestanden	Der Login-Link in der Navigation ist nicht fokussierbar, sodass ohne Maus keine Anmeldung möglich ist; implementieren Sie ihn als korrektes interaktives Element mit sichtbarer Fokusanzeige.
9.2.1.1 Tastatur	nicht bestanden	Die Filterliste „Themenfelder“ lässt sich zwar öffnen, aber nicht per Escape schließen; ermöglichen Sie das Schließen mit Escape und führen Sie den Fokus zurück an eine logische Stelle.
9.2.1.1 Tastatur	nicht bestanden	Das Info-Pop-up kann weder per Escape noch per fokussierbarer Schaltfläche geschlossen werden; schaffen Sie ein Tastatur-schließbares Element und managen Sie Fokus beim Öffnen/Schließen.
9.2.4.1 Blöcke überspringen	nicht bestanden	Es fehlt ein sicht- und fokussierbarer Skiplink zum Hauptinhalt, wodurch Tastaturnutzende sich durch wiederkehrende Elemente durchkämpfen müssen; fügen Sie einen hörbaren Skiplink mit Zielen wie #maincontent ein.
9.2.4.2 Seite mit Titel	nicht bestanden	Die getesteten Seiten besitzen kein <title> im <head>, wodurch Orientierung und Linkkontext fehlen; geben Sie jeder Seite einen eindeutigen sprechenden Titel („Seitennamen – Webseitenname“).
9.2.4.3 Fokus-Reihenfolge	nicht bestanden	Nach dem Footer folgen mehrere leere Tab-Schritte, die zu keinem erkennbaren Ziel führen; entfernen Sie nicht sichtbare Fokusziele oder leiten Sie den Fokus an einen logischen Ort zurück.
9.2.4.3 Fokus-Reihenfolge	nicht bestanden	Der Fokus springt nach Interaktionen wie Formularabsendungen zum Seitenanfang; setzen Sie ihn stattdessen gezielt auf sinnvolle Ziele (z. B. Überschrift der Ergebnisse oder das zuvor genutzte Steuerelement).
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Der Link ist nur mit „Hier“ beschriftet, was ohne Kontext nicht verständlich ist; formulieren Sie den Text so, dass der Zweck oder Zielort eindeutig benannt wird, z. B. „Informationen zur Anmeldung“.
9.2.4.5 Verschiedene Möglichkeiten	nicht bestanden	Die Seite bietet keine barrierefreie Suchfunktion und keine Sitemap, die Informationssuche für assistive Technologien erleichtern könnte; ergänzen Sie mindestens eine gut zugängliche Suchfunktion oder eine strukturierte Sitemap.
9.2.4.7 Fokus sichtbar	nicht bestanden	In Formularen fehlt ein sichtbarer Fokusindikator, sodass Tastaturnutzende nicht erkennen, welches Feld aktiv ist; aktivieren Sie kontrastreiche Fokusrahmen oder Hintergründe ohne CSS-Override.
9.2.4.7 Fokus sichtbar	nicht bestanden	Beim Videoelement verschwindet der Fokus sofort oder ist gar nicht sichtbar, sodass Steuerelemente nicht steuerbar sind; führen Sie Fokusmanagement für den Player ein, inklusive sichtbarer Indikatoren und vollständiger Tastatursteuerung.
9.2.4.7 Fokus sichtbar	nicht bestanden	Der Button „Veranstaltungen“ zeigt bei Tastaturfokus keine klare Visuelle Hervorhebung; gestalten Sie ihn mit Rahmen, Farbwechsel oder Schatten, damit die Fokussierung sofort erkennbar ist.
9.3.1.2 Sprache von Teilen	nicht bestanden	Im Englischen Modus bleiben Inhalte auf Deutsch, zusätzlich fehlen passende lang-Angaben; übersetzen Sie Inhalte vollständig oder markieren Sie sie korrekt und vermeiden Sie falsche Sprachauszeichnung.
9.3.2.3 Konsistente Navigation	nicht bestanden	Die Registrierungsseite enthält keine sichtbare Navigation zu anderen Bereichen, wodurch Nutzende nicht zurückkehren oder wechseln können; binden Sie zumindest grundlegende Navigationslinks ein.
9.3.3.1 Fehlerkennzeichnung	nicht bestanden	Fehlermeldungen stehen nicht unmittelbar bei den betroffenen Formularfeldern, was insbesondere bei Screenreadern zu Verwirrung führt; ordnen Sie sie visuell und programmatisch direkt zu (z. B. via aria-describedby).
9.3.3.2 Beschriftungen (Labels) oder Anweisungen	nicht bestanden	Pflichtfelder sind nur mit Asterisk markiert, aber ohne Erklärung; ergänzen Sie eine Beschreibung (z. B. Text über dem Formular oder im Label) und kennzeichnen Sie Pflichtfelder programmatisch (aria-required).
9.3.3.2 Beschriftungen (Labels) oder Anweisungen	nicht bestanden	Formulare nutzen ausschließlich Placeholder-Texte ohne permanente Beschriftung, wodurch der Zweck der Felder verloren geht; setzen Sie dauerhaft sichtbare Labels für jedes Eingabefeld ein.
9.4.1.2 Name, Rolle, Wert	nicht bestanden	Schalter sind zwar als solche erkennbar, erhalten aber keine funktionale Beschriftung oder Zustandsangabe; ergänzen Sie aria-labels/ -pressed oder sprechenden Text und geben Sie den Status programmgesteuert aus.
9.4.1.2 Name, Rolle, Wert	nicht bestanden	Der aktive Menüeintrag besitzt keine semantische Kennzeichnung (z. B. aria-current="page"), sodass Screenreader die aktuelle Position nicht erkennen; setzen Sie diese Attribute ein.
PDF-Dokument mit PAC geprüft PAC-Test	nicht bestanden	Das zugehörige PDF hat den automatisierten PAC-Test nicht bestanden und benötigt eine weitergehende manuelle Prüfung zur logischen Struktur, Alternativtexten und Lesereihenfolge.
PDF Dokument ist getaggt Tag-Struktur	nicht bestanden	Das PDF verfügt über keine Tags, wodurch Screenreader logische Strukturen und Überschriften nicht erkennen können; bringen Sie eine vollständige Tag-Struktur mit korrektem Mapping zu Absätzen, Listen, Tabellen und Links ein.
Zusatzkriterien: DGS/Leichte Sprache Zusatzkriterien	nicht bestanden	Es fehlen durchgängig die Informationen in Deutscher Gebärdensprache und Leichter Sprache (Links, Erläuterungen und Navigationshinweise); ergänzen Sie alle geforderten Inhalte und verlinken Sie sie barrierefrei.
Barrierefreiheitserklärung vorhanden Barrierefreiheitserklärung	nicht bestanden	Auf der Webseite gibt es keine Barrierefreiheitserklärung, sodass weder rechtlich noch für Nutzende Transparenz über den Stand der Barrierefreiheit besteht; veröffentlichen Sie eine vollständige Erklärung mit Status, Ausnahmen und Kontaktmöglichkeiten.

Möglicherweise verwandte Prüfungen

www.deutscher-nachhaltigkeitskodex.de

BFIT Bund

Prüfung vom 23.01.2025

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

Möglicherweise verwandte Prüfungen

www.deutscher-nachhaltigkeitskodex.de

KI-Schnellcheck zur Nutzbarkeit