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.

Dokumentierte Barrieren

  • Keine Gebärdensprachinformationen zu wesentlichen Inhalten

    Wichtige Informationen zur Seite, zur Navigation und zur Barrierefreiheit liegen nicht in Deutscher Gebärdensprache vor. Für gehörlose Menschen mit Bedarf an DGS fehlt damit ein zentraler Zugangskanal.

    Auswirkung: Ich kann wesentliche Hinweise möglicherweise nicht verstehen, wenn ich auf Gebärdensprache angewiesen bin. Das erschwert mir den Zugang zu Inhalten und zur Nutzung der Seite deutlich.

  • Video ohne brauchbare visuelle Alternative

    Das eingebettete Video ist nicht ausreichend für Menschen zugänglich, die visuelle Informationen nicht wahrnehmen können. Es fehlt eine Audiodeskription oder eine vollständige Textalternative mit allen wichtigen Bildinhalten.

    Auswirkung: Ich kann dem Video nicht vollständig folgen, wenn darin wichtige visuelle Inhalte, Einblendungen oder Handlungen gezeigt werden. Dadurch gehen mir wesentliche Informationen verloren.

  • Fokus ist bei Tastaturbedienung schlecht sichtbar

    Der Tastaturfokus ist bei verlinkten Bildern offenbar nicht deutlich genug zu sehen. Ohne klaren Fokusrahmen oder deutliche Hintergrundänderung lässt sich die aktuelle Position schwer verfolgen.

    Auswirkung: Ich verliere leicht den Überblick, welches Element gerade aktiv ist. Dadurch kann ich versehentlich das falsche Element auslösen oder benötige deutlich länger zur Navigation.

  • Unklare Bildinhalte für Screenreader

    Mehrere Bilder sind nicht sinnvoll beschrieben oder werden wie echte Inhalte statt als rein dekorativ behandelt. Dazu gehören das Headerbild, Profilbilder und Stockbilder, die entweder keinen passenden Alternativtext haben oder unnötig vorgelesen werden.

    Auswirkung: Ich erkenne dann nicht, was auf den Bildern gezeigt wird oder warum sie wichtig sind. Dadurch fehlen mir zentrale Informationen zum Inhalt und zur Einordnung der Seite.

  • Unklare Linkzwecke bei Kachel- und Social-Media-Links

    Mehrere Links sind nicht aussagekräftig genug benannt. Das betrifft vor allem Teaser mit Bild, Überschrift und Mehr-Link sowie Social-Media-Icons ohne verständliche Beschriftung.

    Auswirkung: Ich kann oft nicht erkennen, wohin ein Link führt oder was mich nach dem Anklicken erwartet. Dadurch muss ich raten und mache leichter Fehlklicks.

  • Diagramme und Achsenbeschriftungen schwer erfassbar

    Bei grafischen Darstellungen sind wichtige Texte offenbar nicht richtig lesbar oder für Hilfstechnologien nicht zugänglich. Auch die Kontraste von Balken und Achsenbeschriftungen sind zu schwach.

    Auswirkung: Ich kann Zahlen, Achsen und Zusammenhänge in den Diagrammen nur schwer erkennen oder gar nicht erfassen. Wenn ich auf diese Auswertungen angewiesen bin, fehlt mir damit ein wichtiger Teil der Information.

  • Tab-Reihenfolge springt über einzelne Inhalte

    Bei Teasern sind Bild, Überschrift und weiterer Link offenbar getrennt in der Fokusreihenfolge erreichbar, obwohl sie inhaltlich zusammengehören. Das kann die Tastaturbedienung unnötig verlängern und verwirren.

    Auswirkung: Wenn ich nur mit der Tastatur unterwegs bin, muss ich zu viele Zwischenstationen durchlaufen. Das kostet Zeit und macht die Bedienung anstrengend, vor allem auf längeren Seiten.

  • Aktive Navigation nicht eindeutig erkennbar

    Der aktuelle Menüpunkt wird offenbar nur über Farbe hervorgehoben und ist nicht zusätzlich eindeutig markiert. Dadurch ist die Orientierung in der Navigation für einige Nutzende erschwert.

    Auswirkung: Ich weiß nicht sicher, wo ich mich auf der Seite befinde. Das macht es schwerer, passende Inhalte zu finden und zwischen Bereichen zu wechseln.

  • Zu wenige alternative Zugangswege

    Es gibt offenbar keinen zusätzlichen Navigationsmechanismus wie Suche oder Sitemap. Die Seite bietet damit nur begrenzt Wege, Inhalte direkt zu finden.

    Auswirkung: Wenn ich den Aufbau nicht gut kenne, muss ich mich mühsam durch Menüs klicken. Das erschwert mir den schnellen Zugang zu einzelnen Themen oder Dokumenten.

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.