Stand der Vereinbarkeit mit den Anforderungenn
Die Anforderungen der Barrierefreiheit ergeben sich aus §§ 3 Absätze 1 bis 4 und § 4 der BITV 2.0, die auf der Grundlage von § 12d BGG erlassen wurde. Die Überprüfung der Einhaltung der Anforderungen beruht auf einem im April 2024 durchgeführten BIK BITV-Test (Web). Aufgrund der Überprüfung ist die Webseite mit den zuvor genannten Anforderungen nur teilweise vereinbar. Die Unvereinbarkeiten sind aus dem Testergebnis ersichtlich.
Folgende Unvereinbarkeiten wurden behoben:
- 9.1.1.1a/1.1Die Pfeilgrafik neben "Link zur barrierefreien Beteiligung per E-Mail" sollte per aria-hidden="true" versteckt werden.
- 9.1.1.1a/1.2Das Bundesregierungs-Logo im Seitenkopf hat einen entsprechenden zugänglichen Namen
- 9.1.1.1a/1.3Das Nachhaltigkeitsstrategie-Logo linkt nicht etwa auf die Startseite
- 9.1.1.1a/1.4Anmerkung ohne Bewertung: Zu der Sinnhaftigkeit der Alternativtexte der Logos im Seitenkopf siehe 9.2.4.4
- 9.1.1.1a/3.1"Die Pfeil-nach-unten-Grafik im Auslöser des Ausklappbereichs sollten je per aria-hidden="true" versteckt werden."
- 9.1.1.1a/4.2"Die Absendegrafik in derSchaltfläche "Beitrag senden" sollte per aria-hidden="true" versteckt werden."
- 9.1.1.1b/3.1"Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform"."
- 9.1.1.1b/3.1Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben
- 9.1.1.1b/4.1Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben
- 9.1.1.1b/5.1Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben
- 9.1.1.1c/5.1"Die Lupengrafik neben dem Sucheingabfeld esollte per aria-hidden="true" versteckt werden."
- 9.1.3.1a/4.1"Dieser Beitrag betrifft die folgenden Themen (max. drei auswählbar)" hat den Charakter einer Überschrift für die dann folgenden Checkboxes und sollte eine .."
- 9.1.3.1c/1.1Das als Zitat formatierte und sogar als solches benannte Statement von Sarah Ryglewski muss als Blockquote umgesetzt werden. Ein Cite-Einsatz allein
- 9.1.3.1h/4.1"Checkboxes haben keinen zugänglichen Namen."
- 9.1.3.1h/4.2"Der Rich-Text-Editor "beschriftet sich" mit aria-labelledby selbst"
- 9.1.3.1h/5.1"Checkboxes haben keinen zugänglichen Namen."
- 9.1.3.5/1.1In dem Registrierungs- bzw. Passwort-Änderungs-Formular werden Daten von Nutzenden abgefragt. Allerdings fehlen entsprechende autocomplete-Werte
- 9.1.3.5/2.1In dem Registrierungs- bzw. Passwort-Änderungs-Formular werden Daten von Nutzenden abgefragt. Allerdings fehlen entsprechende autocomplete-Werte
- 9.1.4.11/1.1Die Umrandung der Checkbox erreicht nur 2,7:1 im Vergleich zur Umgebungsfarbe, muss aber mindestens 3:1 erreichen.
- 9.1.4.11/5.1"Die Schaltfläche, mit der man einen Beitrag melden kann, kontrastiert mit einem Kontrast von 2:1"
- 9.1.4.11/5.2"Die Umrandung des Suchfeldes kontrastiert nur mit 1,1:1 vor dem…"
- 9.1.4.3/3.1Der Kontrast "des aktiven Reiters" zu Beginn des Hauptinhalts ist mit 2,5:1 (hellblau gegen weiß) nicht ausreichend, hier müssten in der vorliegenden Formatierung mindestens 4,5:1 erreicht werden.
- 9.1.4.3/4.2Der Kontrast "des aktiven Reiters" zu Beginn des Hauptinhalts ist mit 2,5:1 (hellblau gegen weiß) nicht ausreichend, hier müssten in der vorliegenden Formatierung mindestens 4,5:1 erreicht werden.
- 9.1.4.3/4.3Die Überschriften "Beitrag verfassen" und "Beitrag lesen und abstimmen" haben nur einen Kontrast von 2,5:1, wobei je mindestens 3:1 erreicht werden muss.
- 9.1.4.3/5.1Der Kontrast "des aktiven Reiters" zu Beginn des Hauptinhalts ist mit 2,5:1 (hellblau gegen weiß) nicht ausreichend, hier müssten in der vorliegenden Formatierung mindestens 4,5:1 erreicht werden.
- 9.2.4.2/3.1Der Dokumententitel ist "Beteiligungsplattform" und beschreibt damit nicht den Inhalt
- 9.2.4.2/4.1Der Dokumententitel ist "Beteiligungsplattform" und beschreibt damit nicht den Inhalt
- 9.2.4.2/5.1Der Dokumententitel ist "Beteiligungsplattform" und beschreibt damit nicht den Inhalt
- 9.2.4.3/1.1Öffnet man den "Beitrag Teilen"-Dialog nach Aktivierung des vierten Piktogramms (der drei Punkte), öffnet sich ein Dialog und der Tastaturfokus
- 9.2.4.4/1.1Die zugänglichen Namen der Linktexte der Teilen-Funktionen im Hauptinhalt sind englisch
- 9.2.4.6/5.1"Die programmatische Beschriftung der Schaltfläche, mit denen man Beiträge favorisieren kann, lautet noch "Vote Button". Eine Übersetzung und Erhöhung der Aussagekraft ist nötig, z. B. eben "Beitrag favorisieren"."
- 9.2.5.3/3.1Der Einsatz von jeweils aria-label führt dazu, dass die sichtbare Beschriftung der Registerreiter-Köpfe von der programmatischen Beschriftung abweicht.
- 9.2.5.3/4.1Der Einsatz von jeweils aria-label führt dazu, dass die sichtbare Beschriftung der Registerreiter-Köpfe von der programmatischen Beschriftung abweicht.
- 9.2.5.3/5.1Der Einsatz von jeweils aria-label führt dazu, dass die sichtbare Beschriftung der Registerreiter-Köpfe von der programmatischen Beschriftung abweicht.
- 9.3.1.1/2.1Die Hauptsprache ist zwar angegeben, aber als "englisch", obwohl die Texte deutschsprachig sind.
- 9.4.1.2/3.1"Die "beeinflussten" Bereiche eines Ausklappbereiches, hier "accordeonBody" genannt, haben per aria-labelledby eine programmatische Gruppenbeschriftung."
- 9.4.1.2/3.3"Da das Registereiter-Muster für die Navigation oben im Hauptinhaltsbereich gewählt wurde, sollte der aktive Tab per aria-selected="true" kommunizieren, dass er aktiv ist."
- 9.4.1.2/4.1Wenn ein Formatierungsbutton "heruntergedrückt" ist, wird das durch einen Farbwechsel, aber nicht semantisch kommuniziert. Hier bietet sich aria-pressed="true" an.
- 9.4.1.2/4.2Da das Registereiter-Muster für die Navigation oben im Hauptinhaltsbereich gewählt wurde
- 9.4.1.2/5.1"Die Schaltfläche, mit der man Beiträge favorisieren kann, kommuniziert ihren Zustand (favorisiert) nicht programmatisch. Das sollte über das Attribut aria-pressed geschehen."
- 9.4.1.2/5.2Die "beeinflussten" Bereiche eines Ausklappbereiches, hier "accordeonBody" genannt, haben per aria-labelledby eine programmatische Gruppenbeschriftung.
- 11.7/1.1Allgemeiner Absatztext (Seite 1) sowie der Text, der die Passwortvorgaben formuliert (Seite 2), erhält seine Schriftgröße per clamp()-Funktion im CSS und damit in Abhängigkeit der Breite des Viewports.
- 11.7/2.1Allgemeiner Absatztext (Seite 1) sowie der Text, der die Passwortvorgaben formuliert (Seite 2), erhält seine Schriftgröße per clamp()-Funktion im CSS und damit in Abhängigkeit der Breite des Viewports.
- 11.7/5.1"Favorisieren"- und "Beitrag melden"-Icons als SVGs sollten Farbe über fill="currentcolor" von der eingestellten Textfarbe bekommen.
Wir arbeiten kontinuierlich an der Behebung der noch bestehenden Unvereinbarkeiten.