Prüfbericht BIK BITV-Test (Web): Dialog Nachhaltigkeit gemäß BITV 2.0 / EN 301 549

Netzdiagramm zu nicht konformen, konformen und nicht anwendbaren Prüfschritten je geprüfter Seite
Seitekonformnicht konformnicht anwendbar
Seite 1: Startseite29 Prüfschritte8 Prüfschritte61 Prüfschritte
Seite 2: Passwort festlegen29 Prüfschritte6 Prüfschritte63 Prüfschritte
Seite 3: Zustand "Informationen"/Willkommen25 Prüfschritte8 Prüfschritte65 Prüfschritte
Seite 4: Zustand "Beitrag verfassen"26 Prüfschritte10 Prüfschritte62 Prüfschritte
Seite 5: Zustand "Beiträge lesen und abstimmen"22 Prüfschritte14 Prüfschritte62 Prüfschritte

Projektdaten

URL
https://www.dialog-nachhaltigkeit.de/
Prüfzeitraum
08.04.2024 - 17.04.2024
Datum Prüfbericht
17.04.2024
Prüfstelle
Marcus Hermann
Prüfer*in
Marcus Herrmann
Art des Tests
Zur Veröffentlichung geeignet
Ergebnis
0 von 5 der ausgewählten Seiten einer unabhängigen, repräsentativen Seitenauswahl wurden als BITV- / EN 301 549-konform bewertet.
  • 5 Seiten nicht konform

Ergebnisse im Überblick

5 Allgemeine Anforderungen Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
5.2 Aktivierung von Barrierefreiheitsfunktionen nicht anwendbar
5.3 Biometrie nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
5.4 Erhaltung von Barrierefreiheitsinformationen bei Konvertierung nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6 Zwei-Wege-Sprachkommunikation Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
6.1 Audiobandbreite für Sprache nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.1.1 Textkommunikation in Echtzeit nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.1.2 Gleichzeitige Sprache und Text nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.2.1 Visuell unterscheidbare Anzeige von Textnachrichten nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.2.2 Programmatisch unterscheidbare Anzeige von Textnachrichten nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.2.3 Sprecheridentifizierung nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.2.4 Echtzeitanzeige von Sprech-Aktivität nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.3 Interoperabilität von Echtzeit-Textkommunikation nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.2.4 Reaktionsgeschwindigkeit der Echtzeit-Textkommunikation nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.3 Anrufer-Identifizierung nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.4 Alternativen zu sprachbasierten Diensten nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.5.2 Auflösung bei Videotelefonie nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.5.3 Bildwiederholfrequenz bei Videotelefonie nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.5.4 Synchronität bei Videotelefonie nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.5.5 Visuelle Anzeige von Audio-Aktivität nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
6.5.6 Sprecher-Anzeige für Gebärdensprachen-Kommunikation nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7 Videofähigkeiten Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
7.1.1 Wiedergabe von Untertiteln nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.1.2 Synchrone Untertitel nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.1.3 Erhaltung von Untertiteln nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.1.4 Untertitel-Anpassungen nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.1.5 Gesprochene Untertitel nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.2.1 Wiedergabe von Audiodeskription nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.2.2 Synchrone Audiodeskription nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.2.3 Erhaltung von Audiodeskription nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
7.3 Bedienelemente für Untertitel und Audiodeskription nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.1 Textalternativen Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.1.1.1a Alternativtexte für Bedienelemente nicht konform konform nicht konform nicht konform nicht konform
9.1.1.1b Alternativtexte für Grafiken und Objekte konform nicht anwendbar nicht konform nicht konform nicht konform
9.1.1.1c Leere alt-Attribute für Layoutgrafiken nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht konform
9.1.1.1d Alternativen für CAPTCHAs nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.2 Zeitbasierte Medien Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.1.2.1 Alternativen für Audiodateien und stumme Videos nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.2.2 Aufgezeichnete Videos mit Untertiteln nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.2.3 Audiodeskription oder Volltext-Alternative für Videos nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.2.4 Videos (live) mit Untertiteln nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.2.5 Audiodeskription für Videos nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.3 Anpassbar Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.1.3.1a HTML-Strukturelemente für Überschriften konform konform konform nicht konform konform
9.1.3.1b HTML-Strukturelemente für Listen konform nicht konform nicht anwendbar nicht anwendbar konform
9.1.3.1c HTML-Strukturelemente für Zitate nicht konform nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.3.1d Inhalt gegliedert konform konform konform konform konform
9.1.3.1e Datentabellen richtig aufgebaut nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.3.1f Zuordnung von Tabellenzellen nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.3.1g Kein Strukturmarkup für Layouttabellen nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.3.1h Beschriftung von Formularelementen programmatisch ermittelbar konform konform konform nicht konform nicht konform
9.1.3.2 Sinnvolle Reihenfolge konform konform konform konform konform
9.1.3.3 Ohne Bezug auf sensorische Merkmale nutzbar konform konform konform konform konform
9.1.3.4 Keine Beschränkung der Bildschirmausrichtung konform konform konform konform konform
9.1.3.5 Eingabefelder zu Nutzerdaten vermitteln den Zweck nicht konform nicht konform nicht anwendbar nicht anwendbar nicht anwendbar
9.1.4 Unterscheidbar Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.1.4.1 Ohne Farben nutzbar konform konform konform konform konform
9.1.4.2 Ton abschaltbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.4.3 Kontraste von Texten ausreichend nicht konform konform nicht konform nicht konform nicht konform
9.1.4.4 Text auf 200 % vergrößerbar konform konform konform konform konform
9.1.4.5 Verzicht auf Schriftgrafiken nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.1.4.10 Inhalte brechen um konform konform konform konform konform
9.1.4.11 Kontraste von Grafiken und grafischen Bedienelementen ausreichend nicht konform konform konform konform nicht konform
9.1.4.12 Textabstände anpassbar konform konform konform konform konform
9.1.4.13 Eingeblendete Inhalte bedienbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.2.1 Per Tastatur zugänglich Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.2.1.1 Ohne Maus nutzbar konform konform konform konform konform
9.2.1.2 Keine Tastaturfalle konform konform konform konform nicht konform
9.2.1.4 Tastatur-Kurzbefehle abschaltbar oder anpassbar konform konform konform konform konform
9.2.2 Ausreichend Zeit Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.2.2.1 Zeitbegrenzungen anpassbar konform konform konform konform konform
9.2.2.2 Bewegte Inhalte abschaltbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.2.3 Anfälle Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.2.3.1 Verzicht auf Flackern konform konform konform konform konform
9.2.4 Navigierbar Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.2.4.1 Bereiche überspringbar konform konform konform konform konform
9.2.4.2 Sinnvolle Dokumenttitel konform nicht konform nicht konform nicht konform nicht konform
9.2.4.3 Schlüssige Reihenfolge bei der Tastaturbedienung nicht konform konform nicht konform nicht konform nicht konform
9.2.4.4 Aussagekräftige Linktexte nicht konform nicht konform nicht konform nicht konform nicht konform
9.2.4.5 Alternative Zugangswege nicht anwendbar
9.2.4.6 Aussagekräftige Überschriften und Beschriftungen konform konform konform konform nicht konform
9.2.4.7 Aktuelle Position des Fokus deutlich konform konform konform konform konform
9.2.5 Eingabemodalitäten Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.2.5.1 Alternativen für komplexe Zeiger-Gesten nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.2.5.2 Zeigergesten-Eingaben können abgebrochen oder widerrufen werden konform konform konform konform konform
9.2.5.3 Sichtbare Beschriftung Teil des zugänglichen Namens konform konform nicht konform nicht konform nicht konform
9.2.5.4 Alternativen für Bewegungsaktivierung nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.3.1 Lesbar Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.3.1.1 Hauptsprache angegeben konform nicht konform konform konform konform
9.3.1.2 Anderssprachige Wörter und Abschnitte ausgezeichnet nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.3.2 Vorhersehbar Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.3.2.1 Keine unerwartete Kontextänderung bei Fokus konform konform konform konform konform
9.3.2.2 Keine unerwartete Kontextänderung bei Eingabe nicht anwendbar nicht anwendbar nicht anwendbar konform konform
9.3.2.3 Konsistente Navigation nicht anwendbar
9.3.2.4 Konsistente Bezeichnung nicht anwendbar
9.3.3 Hilfestellung bei der Eingabe Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.3.3.1 Fehlererkennung konform konform nicht anwendbar nicht anwendbar nicht anwendbar
9.3.3.2 Beschriftungen von Formularelementen vorhanden konform konform konform konform konform
9.3.3.3 Hilfe bei Fehlern konform konform nicht anwendbar nicht anwendbar nicht anwendbar
9.3.3.4 Fehlervermeidung wird unterstützt nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
9.4.1 Kompatibel Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
9.4.1.1 Korrekte Syntax konform konform konform konform konform
9.4.1.2 Name, Rolle, Wert verfügbar nicht anwendbar nicht anwendbar nicht konform nicht konform nicht konform
9.4.1.3 Statusmeldungen programmatisch verfügbar nicht anwendbar nicht anwendbar nicht anwendbar konform nicht anwendbar
11.7 Benutzerdefinierte Einstellungen Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
11.7 Benutzerdefinierte Einstellungen nicht konform nicht konform konform konform nicht konform
11.8 Autorenwerkzeuge Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
11.8.2 Barrierefreie Erstellung von Inhalten nicht anwendbar nicht anwendbar nicht anwendbar konform nicht anwendbar
11.8.3 Erhaltung von Barrierefreiheitsinformationen bei Transformation nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
11.8.4 Reparaturassistenz nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
11.8.5 Vorlagen nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar nicht anwendbar
12 Dokumentation und Support Seite 1 Seite 2 Seite 3 Seite 4 Seite 5
12.1.1 Dokumentation von Kompatibilität und Barrierefreiheit nicht anwendbar
12.1.2 Barrierefreie Dokumentation nicht anwendbar
12.2.2 Technischer Support nicht anwendbar
12.2.3 Effektive Kommunikation nicht anwendbar
12.2.4 Vom Support bereitgestellte Dokumentation nicht anwendbar

Ergebnisse nach Prüfschritten

Filter
  • Prüfschritte
      • 5 Seiten nicht anwendbar
      nicht anwendbar

      Keine Anmerkungen vorhanden

      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 1 Seite konform
      • 4 Seiten nicht konform
      • nicht konform
        1. DIe Pfeilgrafik neben "Link zur barrierefreien Beteiligung per E-Mail" sollte per aria-hidden="true" versteckt werden.

        2. Das Bundesregierungs-Logo im Seitenkopf hat einen entsprechenden zugänglichen Namen, allerdings beschreibt dieser nicht den Linkzweck (man vermutet ein Link zu bundesregierung.de), denn der Link führt eigentlich auf die Startseite des "Dialog Nachhaltigkeit"-Projekts.

          Eine nötige Nennung des Linkziels kann z. B. auch per title-Attribut des umgebenden a-Elements erfolgen.

        3. Das Nachhaltigkeitsstrategie-Logo linkt nicht etwa auf die Startseite, wie man es vermutet (und es irritierenderweise das "Bundesregierung"-Logo tut), sondern auf eine Seite Nachhaltigkeitsstrategie im Webauftritt (die wie viele Unterseiten zum Zeitpunkt des Tests noch nicht existiert).

          Eine nötige Nennung des Linkziels kann z. B. auch per title-Attribut des umgebenden a-Elements erfolgen.

        4. Anmerkung ohne Bewertung: Zu der Sinnhaftigkeit der Alternativtexte der Logos im Seitenkopf siehe 9.2.4.4, Seite 1.

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Die Pfeil-nach-unten-Grafik im Auslöser des Ausklappbereichs sollten je per aria-hidden="true" versteckt werden.

      • nicht konform
        1. Die Formatierungsbuttons des Editors besitzen keine programmatisch ermittelbaren Namen, da die in ihnen befindlichen SVGs keinen Alternativtext besitzen. Zur Behebung wird dieser Artikel/Ansatz empfohlen: https://barrierefrei.link/svg-inline-alt (englisch).

        2. Die Absendegrafik in derSchaltfläche "Beitrag senden" sollte per aria-hidden="true" versteckt werden.

      • nicht konform
        1. Der Alternativtext des Piktogramm sollte mit aria-hidden="true" als dekoratives SVG markiert werden.

          Damit der Button indirekt dennoch einen zugänglichen Namen bekommt (und die interaktive Grafik einen Alternativtext), sollte das title-Attribut auf dem Button, nicht auf das umgebende <div> angewendet werden (denn letzterer Ansatz funktioniert nicht verlässlich, noch dazu hat der Button aktuell keine zugängliche Beschriftung).

          Das Gleiche gilt auch für das Schließen-Piktogramm im "Beitrag melden"-Dialog-X.

      • 1 Seite konform
      • 3 Seiten nicht konform
      • 1 Seite nicht anwendbar
      • konform

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform".

      • nicht konform
        1. Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform".

      • nicht konform
        1. Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform".

      • 1 Seite nicht konform
      • 4 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 4 Seiten konform
      • 1 Seite nicht konform
      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        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 <legend> für ein die Gesamtheit aller Checkboxes umfassendes <fieldset> sein.

      • konform
        1. Anmerkung ohne Bewertung: Dialog "Beitrag melden" - hier ist es denkbar, die Checkboxes z. B. mit role="group" aria-label="Gründe für die Meldung" zusammenzufassen.

      • 2 Seiten konform
      • 1 Seite nicht konform
      • 2 Seiten nicht anwendbar
      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Die Auflistung der Passwortanforderungen ist nur visuell in Listenform (Absatz mit Zeilenumbrüchen und "-" als Pseudo-Aufzählungszeichen). Sie muss als <ul> umgesetzt werden.

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • konform
        1. Anmerkung ohne Bewertung: Den Beiträgen vergebene Kategorien sollten semantisch in Listenform vorliegen.

      • 1 Seite nicht konform
      • 4 Seiten nicht anwendbar
      • nicht konform
        1. Das als Zitat formatierte und sogar als solches benannte Statement von Sarah Ryglewski muss als <blockquote> umgesetzt werden. Ein <cite>-Einsatz allein, wie aktuell bei der Zitatgeberin vorfindbar, reicht nicht.

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • 5 Seiten konform
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 5 Seiten nicht anwendbar
      • 3 Seiten konform
      • 2 Seiten nicht konform
      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Checkboxes haben keinen zugänglichen Namen. Quelle kann der nebenstehendem Text sein, wenn dieser eine individuelle ID bekommt, und diese "aus der Checkbox hinaus" per aria-labelledby referenziert wird. Einfacher wäre es allerdings, mit einem input[type="checkbox"] und einem assoziierten label-Element zu arbeiten. Dies hätte dann auch den Vorteil, dass ein Klick auf das jeweilige Label die Checkbox anhakt, ein Nutzungsmuster, was sehr etabliert ist und ggf. von Nutzenden so erwartet wird.

          Falls der ARIA-Ansatz wegen der Checkbox-Gestaltungsmöglichkeiten verfolgt wird, sei dieser Artikel empfohlen, in dem es um eine barrierefreie Gestaltung von nativen Elementen geht: https://barrierefrei.link/input-style-en (englisch).

        2. Der Rich-Text-Editor "beschriftet sich" mit aria-labelledby selbst, hat demzufolge einen leeren Namen, wenn noch nichts in den Editor eingegeben wurde, und einen unsinnigen, sobald Text in ihm existiert.

          Daneben gibt es zwei weiteren Beschriftungsversuche durch je ein <label>-Element mit dem aktuellen Username und eines mit dem Namen des aktuell eingeloggten Nutzenden – aria-describedby "gewinnt" aber in beiden Fällen die Berechnung des zugänglichen Namens.

          Viel sinniger als programmatische Beschriftung wäre die darüber befindliche Überschrift "Beitrag verfassen".

      • nicht konform
        1. Checkboxes haben keinen zugänglichen Namen. Quelle kann der nebenstehendem Text sein, wenn dieser eine individuelle ID bekommt, und diese "aus der Checkbox hinaus" per aria-labelledby referenziert wird. Einfacher wäre es allerdings, mit einem input[type="checkbox"] und einem assoziierten label-Element zu arbeiten. Dies hätte dann auch den Vorteil, dass ein Klick auf das jeweilige Label die Checkbox anhakt, ein Nutzungsmuster, was sehr etabliert ist und ggf. von Nutzenden so erwartet wird.

          Falls der ARIA-Ansatz wegen der Checkbox-Gestaltungsmöglichkeiten verfolgt wird, sei dieser Artikel empfohlen, in dem es um eine barrierefreie Gestaltung von nativen Elementen geht: https://barrierefrei.link/input-style-en (englisch).

      • 5 Seiten konform
      • konform

        Keine Anmerkungen vorhanden

      • konform
        1. Anmerkung mit geringer Bewertung: Die Passwortvorgaben sollten sinnigerweise (mindestens im Dokument) vor dem absenden Formular stehen; ansonsten besteht die Gefahr, dass man das Formular absendet und danach erst die Pflichtanweisungen entdeckt.

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • 5 Seiten konform
      • 5 Seiten konform
      • 2 Seiten nicht konform
      • 3 Seiten nicht anwendbar
      • nicht konform
        1. In dem Registrierungs- bzw. Passwort-Änderungs-Formular werden Daten von Nutzenden abgefragt. Allerdings fehlen entsprechende autocomplete-Werte: https://www.w3.org/TR/WCAG21/#input-purposes

      • nicht konform
        1. In dem Registrierungs- bzw. Passwort-Änderungs-Formular werden Daten von Nutzenden abgefragt. Allerdings fehlen entsprechende autocomplete-Werte: https://www.w3.org/TR/WCAG21/#input-purposes

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

      • nicht anwendbar

        Keine Anmerkungen vorhanden

  • Prüfschritte
      • 5 Seiten konform
      • 5 Seiten nicht anwendbar
      • 1 Seite konform
      • 4 Seiten nicht konform
      • nicht konform
        1. Auf dem orangefarbenen Link in Schaltflächenoptik wird knapp der Mindestkontrast für fett formatierten Text in dieser Schriftgröße unterschritten. Es werden nur 2,8:1 statt mindestens 3:1 erreicht.

          Dies betrifft auch den Button "Beitrag senden" auf Seite 4, sobald er nicht mehr disabled ist.

        2. Das so genannte Floating Label erreicht nur einen Textkontrast von 3,6:1, wenn sich das jeweilige Eingabefeld im Fokuszustand befindet. Allerdings muss mindestens ein Wert von 4,5:1 erreicht werden.

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Der 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.

        2. Im Willkommenstext kontrastieren weiße Texte ebenfalls im Szenario "hellblau gegen weiß" nur mit 2,5:1. Sie müssen für aufgrund Ihrer Schriftgröße aber mindestens 3:1 erreichen.

      • nicht konform
        1. Auf dem orangefarbenen Link in Schaltflächenoptik wird knapp der Mindestkontrast für fett formatierten Text in dieser Schriftgröße unterschritten. Es werden nur 2,8:1 statt mindestens 3:1 erreicht.

          Dies betrifft auch den Button "Beitrag senden" auf Seite 4, sobald er nicht mehr disabled ist.

        2. Der 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.

        3. Die Überschriften "Beitrag verfassen" und "Beitrag lesen und abstimmen" haben nur einen Kontrast von 2,5:1, wobei je mindestens 3:1 erreicht werden muss.

      • nicht konform
        1. Der 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.

        2. Im Beitrag-melden-Dialog erreicht die Schrift des Melden-Buttons nur 3,8:1, sollte aber mindestens 4,5:1 erreichen.

        3. Die Überschriften "Beitrag verfassen" und "Beitrag lesen und abstimmen" haben nur einen Kontrast von 2,5:1, wobei je mindestens 3:1 erreicht werden muss.

      • 5 Seiten konform
      • 5 Seiten nicht anwendbar
      • 5 Seiten konform
      • 3 Seiten konform
      • 2 Seiten nicht konform
      • nicht konform
        1. Die Umrandung der Checkbox erreicht nur 2,7:1 im Vergleich zur Umgebungsfarbe, muss aber mindestens 3:1 erreichen.

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Die Schaltfläche, mit der man einen Beitrag melden kann, kontrastiert mit einem Kontrast von 2:1 nicht ausreichend zum Hintergrund und auch zum Ausrufezeichen. Mindestens 3:1 müssten erreicht werden.

          Dies gilt auch für die Fokusumrandung.

        2. Die Umrandung des Suchfeldes kontrastiert nur mit 1,1:1 vor dem Hintergrund. Hier müssten mindestens 3:1 erreicht werden.

      • 5 Seiten konform
      • 5 Seiten nicht anwendbar
  • Prüfschritte
      • 5 Seiten konform
      • 4 Seiten konform
      • 1 Seite nicht konform
      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • konform

        Keine Anmerkungen vorhanden

      • nicht konform
        1. Sobald der Ausklappbereich geöffnet wird, bleibt der Tastaturfokus auf ihn und seine Inhalte beschränkt, auch sobald er wieder geschlossen wird, sind Elemente unterhalb von ihm (visuell wie im Dokument) nicht mehr tastaturerreichbar. Dieses Verhalten sollte abgestellt werden.

      • 5 Seiten konform