Staatliches Gutachten zur digitalen Barrierefreiheit
www.klimaschutzvertraege.info
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Mit Hindernissen nutzbar
Fehlende Alternativtexte, unzureichende ARIA-Auszeichnungen und Probleme bei Fokusreihenfolge und -sichtbarkeit beeinträchtigen Screenreader-Nutzung deutlich, die Seite ist aber grundsätzlich bedienbar.
Sehbehinderung Mit Hindernissen nutzbar
Mangelnder Nicht-Text-Kontrast, fehlende klare Fokusindikatoren und farbabhängige Zustandsanzeigen erschweren Orientierung, Textinhalte sind jedoch weitgehend nutzbar.
Hörbehinderung Weitgehend zugänglich
Fehlende Gebärdensprachinformationen schränken einen Teil der Nutzer stark ein, schriftliche Informationen und Untertitel werden aber nicht als problematisch benannt.
Motorische Behinderung Mit Hindernissen nutzbar
Tastaturbedienung ist grundsätzlich möglich, aber unklare Fokusreihenfolge, teils unsichtbarer Fokus und fehlende alternative Navigationsmechanismen erschweren effiziente Nutzung.
Lernbehinderung Mit Hindernissen nutzbar
Unklare Linkzwecke, fehlende zusätzliche Navigationswege und keine Inhalte in Leichter Sprache erschweren Orientierung und Verständnis für Menschen mit kognitiven Einschränkungen.
Neurodivergenz Mit Hindernissen nutzbar
Unklare Navigation und Linkbenennungen können überfordern, zugleich gibt es keine Hinweise auf stark ablenkende oder zeitkritische Inhalte, sodass die Seite mit Mehraufwand nutzbar bleibt.
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 Version 138.0.7204.101 (Offizieller Build) (64-Bit)
- Screenreader
- NVDA 2024
- Tools
- Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
-
https://www.klimaschutzvertraege.info/ Web-Angebot öffnen
-
https://www.klimaschutzvertraege.info/thema/informationen_fuer_unternehmen_konkret
-
https://www.klimaschutzvertraege.info/thema/aktuelles_gebotsverfahren
-
https://www.klimaschutzvertraege.info/lw_resource/datapool/systemfiles/agent/ewbpublications/1d6a5571-4abd-11f0-b60b-fa163ed847d2/live/document/250606_KSV_Meilensteinbericht_kbms_v106s.pdf
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalt | nicht bestanden | Alternativtext des Header-Bildes durch konkrete Beschreibung ersetzen (z. B. Hände mit Pflanze und Symbolik). |
| Nicht-Text-Inhalt | nicht bestanden | Für die Profilbilder von Stefan Körzell und Dr. Martin Wansleben aussagekräftige Alternativtexte mit Namen und Funktion ergänzen. |
| Nicht-Text-Inhalt | nicht bestanden | Stockbilder als reine Layout-Grafiken kennzeichnen (leerer Alt-Text oder aria-hidden). |
| Audiodeskription oder Medienalternative (aufgezeichnet) | nicht bestanden | Für das eingebettete Video Audiodeskription bereitstellen oder eine Volltext-Alternative mit allen visuellen Informationen anbieten. |
| Audiodeskription (aufgezeichnet) | nicht bestanden | Audiodeskription (separate Spur oder integrierte Beschreibung) bereitstellen oder klären, dass keine visuellen Inhalte vorliegen. |
| Info und Beziehungen | nicht bestanden | Achsentexte nicht aria-hidden setzen, stattdessen lesbare Texte oder eine begleitende Tabelle/Beschreibung hinzufügen und sprechende aria-labels einsetzen. |
| Info und Beziehungen | nicht bestanden | Header- und Footer-Navigation mit eindeutigen aria-label-Beschriftungen versehen (z. B. Service-Navigation, Rechtliche Hinweise). |
| Benutzung von Farbe | nicht bestanden | Aktiven Menüpunkt zusätzlich zur Farbe durch Symbol, Unterstreichung und aria-current markieren, damit die Position eindeutig erkennbar ist. |
| Bilder von Text | nicht bestanden | Textgrafik in HTML oder Inline-SVG nachbilden bzw. vollständigen Alternativtext bereitstellen und EU-Flagge dekorativ kennzeichnen. |
| Nicht-Text-Kontrast | nicht bestanden | Kontrast der Balken und Achsenbeschriftung auf mindestens 3:1 anpassen, z. B. durch dunklere Farben oder Hintergrundkontrast. |
| Fokus-Reihenfolge | nicht bestanden | Teaserbild, Überschrift und „mehr“-Link zu einem einzigen Link zusammenfassen oder zusätzliche Links mit aria-hidden ausblenden. |
| Linkzweck (im Kontext) | nicht bestanden | Klickbereich auf Überschrift beschränken und Zusatzinformationen (z. B. Kategorie) außerhalb des Links platzieren, damit Linktext eindeutig bleibt. |
| Linkzweck (im Kontext) | nicht bestanden | Social-Media-Icons mit aria-label, sichtbarem Text oder title-Attribut versehen, damit der Zweck der Links bekannt ist. |
| Verschiedene Möglichkeiten | nicht bestanden | Mindestens einen weiteren Navigationsmechanismus (z. B. Sitemap oder Suche) ergänzen, um alternative Zugangswege zu schaffen. |
| Fokus sichtbar | nicht bestanden | Fokuszustand bei verlinkten Bildern mit kontrastreichem Rahmen oder deutlicher Hintergrundänderung sichtbar machen. |
| Name, Rolle, Wert | nicht bestanden | Aktiven Navigationslink mit aria-current="page" versehen, damit assistive Technologien die aktuelle Position erkennen. |
|
Zusatzkriterien: Deutsche Gebärdensprache
Informationen zur Barrierefreiheit in Deutscher Gebärdensprache
|
nicht bestanden | Hinweise zu wesentlichen Inhalten, Navigation und Barrierefreiheitserklärung in Deutscher Gebärdensprache bereitstellen. |
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.