Prüfbericht BIK BITV-Test (Web): Dialog Nachhaltigkeit gemäß BITV 2.0 / EN 301 549
Seite | konform | nicht konform | nicht anwendbar |
---|---|---|---|
Seite 1: Startseite | 29 Prüfschritte | 8 Prüfschritte | 61 Prüfschritte |
Seite 2: Passwort festlegen | 29 Prüfschritte | 6 Prüfschritte | 63 Prüfschritte |
Seite 3: Zustand "Informationen"/Willkommen | 25 Prüfschritte | 8 Prüfschritte | 65 Prüfschritte |
Seite 4: Zustand "Beitrag verfassen" | 26 Prüfschritte | 10 Prüfschritte | 62 Prüfschritte |
Seite 5: Zustand "Beiträge lesen und abstimmen" | 22 Prüfschritte | 14 Prüfschritte | 62 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
- Auftraggebende Organisation
- Referat 313, Umwelt, Verbraucherschutz, Nachhaltigkeit, Landwirtschaft Presse- & Informationsamt d. Bundesregierung
- Umfang der Prüfung
- 5 Seiten sind eingehend zu prüfen.
- Standard
- BITV 2.0 (Mai 2019) / anzuwendender Standard EN 301 549 (PDF)
- Prüfverfahren
- BIK BITV-Test (Web), gemäß EN 301 549
- Prüfumgebung
- Werkzeugliste BITV-Test (Web)
- Gültigkeit
- Das Prüfergebnis gilt nur für die geprüfte Seitenauswahl, nicht für den gesamten Webauftritt.
- Seitenauswahl
- Die Seitenauswahl wurde von der Prüfstelle durchgeführt und ist repräsentativ.
- Veröffentlichung
- Zur Veröffentlichung geeignet
Hinweis zur Konformitätsaussage
Grundlage für den BITV-Test ist die Barrierefreie-Informationstechnik-Verordnung (BITV 2.0) vom 21. Mai 2019 bzw. die in der BITV referenzierte EN 301 549 V3.2.1 (PDF). Die europäische Norm EN 301 549 enthält neben den WCAG 2.1-Kriterien für den Bereich Web weitere verpflichtende Anforderungen (siehe Annex A, Tabelle A.1 (PDF)). Diese werden seit 01.03.2021 im BITV-Test geprüft. Hinsichtlich der Konformitätsaussage gilt zu beachten:
- Eine Webseite gilt als BITV- / EN 301 549-konform, wenn sie alle Anforderungen der BITV 2.0 / EN 301 549 für den Bereich Web erfüllt.
- Wird einer der Prüfschritte des BITV-/EN 301 549-Tests für eine Webseite als „nicht erfüllt“ oder als nur „teilweise erfüllt“ bewertet, so kann diese Seite nicht als BITV-konform gelten.
- Die Konformitätsaussage gilt nur für geprüfte Seiten. Es kann nicht ausgeschlossen werden, dass auf Seiten, die nicht Teil der Seitenauswahl sind, Mängel auftreten.
Hinweis zur Testauswertung
Die EN 301 549 formuliert für den Bereich Web 88 Anforderungen, diese werden im BIK BITV-Test (Web) in 98 Prüfschritten geprüft. Die Anzahl der Prüfschritte weicht von der Anzahl der Anforderungen ab, da einzelnen Anforderungen mehrere Prüfschritten zugeordnet sind.
- Ist die Prüfung einer Anforderung auf mehrere Prüfschritte aufgeteilt, so werden bei der Auswertung die Ergebnisse einzelner Prüfschritte zusammengefasst.
- Wenn einer der Prüfschritte einer Anforderung „nicht erfüllt“ ist, ist auch die Anforderung „nicht erfüllt“, selbst wenn andere Prüfschritte dieser Anforderung erfüllt sind.
-
Seite 2 — Passwort festlegenBeteiligungsplattform
-
Seite 3 — Zustand "Informationen"/WillkommenBeteiligungsplattform
-
Seite 5 — Zustand "Beiträge lesen und abstimmen"Beteiligungsplattform
Anmerkung zum Prüfauftrag
Der Prüfgegenstand befindet sich noch im Aufbau, dennoch wurde ein Test mit einer zertifizierenden Auswahl gewünscht. Es fehlen Seiten wie das Impressum, das aber z. B. nicht zum Kernprozess gehört. Blindtexte sind damit zu erklären, dass das Projekt User Generated Content entgegennehmen wird – es zum Zeitpunkt des Tests aber noch nicht kann, da es noch nicht veröffentlicht ist.
Ergebnisse im Überblick
Ergebnisse nach Prüfschritten
-
Prüfschritte
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Prüfschritte
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 1 Seite konform
- 4 Seiten nicht konform
-
-
DIe Pfeilgrafik neben "Link zur barrierefreien Beteiligung per E-Mail" sollte per
aria-hidden="true"
versteckt werden. -
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 umgebendena
-Elements erfolgen. -
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 umgebendena
-Elements erfolgen. -
Anmerkung ohne Bewertung: Zu der Sinnhaftigkeit der Alternativtexte der Logos im Seitenkopf siehe 9.2.4.4, Seite 1.
-
-
Keine Anmerkungen vorhanden
-
-
Die Pfeil-nach-unten-Grafik im Auslöser des Ausklappbereichs sollten je per
aria-hidden="true"
versteckt werden.
-
-
-
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).
-
Die Absendegrafik in derSchaltfläche "Beitrag senden" sollte per
aria-hidden="true"
versteckt werden.
-
-
-
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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform".
-
-
-
Das Logo links oben im Seitenkopf sollte einen Alternativtext "Logo Nachhaltigkeitsstrategie für Deutschland" haben, statt wie bisher "Beteiligungsplattform".
-
-
-
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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Lupengrafik neben dem Sucheingabfeld esollte per
aria-hidden="true"
versteckt werden.
-
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
"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.
-
-
-
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
-
Keine Anmerkungen vorhanden
-
-
Die Auflistung der Passwortanforderungen ist nur visuell in Listenform (Absatz mit Zeilenumbrüchen und "-" als Pseudo-Aufzählungszeichen). Sie muss als
<ul>
umgesetzt werden.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Anmerkung ohne Bewertung: Den Beiträgen vergebene Kategorien sollten semantisch in Listenform vorliegen.
-
-
- 1 Seite nicht konform
- 4 Seiten nicht anwendbar
-
-
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.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
-
-
Anmerkung mit geringer Bewertung: für die Fettung von Text wurden
b
- stattstrong
-Elemente verwendet.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Anmerkung mit geringer Bewertung: im "Beitrag melden"-Dialog wird fetter bzw. kursiver Text mit
b
- undi
-Elementen stattstrong
undem
realisiert.
-
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 3 Seiten konform
- 2 Seiten nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
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 eineminput[type="checkbox"]
und einem assoziiertenlabel
-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).
-
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".
-
-
-
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 eineminput[type="checkbox"]
und einem assoziiertenlabel
-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
-
Keine Anmerkungen vorhanden
-
-
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.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 2 Seiten nicht konform
- 3 Seiten nicht anwendbar
-
-
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
-
-
-
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
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 4 Seiten nicht konform
-
-
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. -
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.
-
-
Keine Anmerkungen vorhanden
-
-
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.
-
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.
-
-
-
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. -
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.
-
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.
-
-
-
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.
-
Im Beitrag-melden-Dialog erreicht die Schrift des Melden-Buttons nur 3,8:1, sollte aber mindestens 4,5:1 erreichen.
-
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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 3 Seiten konform
- 2 Seiten nicht konform
-
-
Die Umrandung der Checkbox erreicht nur 2,7:1 im Vergleich zur Umgebungsfarbe, muss aber mindestens 3:1 erreichen.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
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.
-
Die Umrandung des Suchfeldes kontrastiert nur mit 1,1:1 vor dem Hintergrund. Hier müssten mindestens 3:1 erreicht werden.
-
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 4 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
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
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-