Prüfbericht BIK BITV-Test (Web): Regenbogenportal gemäß BITV 2.0 / EN 301 549
Seite | konform | nicht konform | nicht anwendbar |
---|---|---|---|
Seite 1: Formular | 35 Prüfschritte | 6 Prüfschritte | 51 Prüfschritte |
Seite 2: Detailseite | 30 Prüfschritte | 8 Prüfschritte | 54 Prüfschritte |
Seite 3: Akkordeon | 30 Prüfschritte | 7 Prüfschritte | 55 Prüfschritte |
Seite 4: Slider | 32 Prüfschritte | 9 Prüfschritte | 51 Prüfschritte |
Seite 5: Suche mit Filteroption | 28 Prüfschritte | 14 Prüfschritte | 50 Prüfschritte |
Seite 6: Startseite | 32 Prüfschritte | 9 Prüfschritte | 51 Prüfschritte |
Projektdaten
- URL
- https://www.regenbogenportal.de/
- Prüfzeitraum
- 18.03.2021 - 01.04.2021
- Datum Prüfbericht
- 01.04.2021
- Prüfstelle
- UA 4 All
- Prüfer*in
- Petra Kowalewski
- Art des Tests
- Zur Veröffentlichung geeignet
- Ergebnis
- 0 von 6 der ausgewählten Seiten einer unabhängigen, repräsentativen Seitenauswahl wurden als BITV- / EN 301 549-konform bewertet.
- 6 Seiten nicht konform
- Auftraggebende Organisation
- neues handeln AG
- Umfang der Prüfung
- 6 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 1 — FormularUnterstützen Sie uns!: Regenbogenportal
-
Seite 2 — DetailseiteLsbtiq Menschen in Haft: Regenbogenportal
-
-
Seite 4 — SliderWillkommen im Bereich für Fachkräfte: Regenbogenportal
-
Seite 5 — Suche mit FilteroptionAnlaufstellen Regenbogenportal
-
Ergebnisse im Überblick
Ergebnisse nach Prüfschritten
-
Prüfschritte
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Prüfschritte
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten konform
- 2 Seiten nicht konform
-
-
obxGeloescht
-
-
-
- Pfeile zum Weiterblättern des Sliders siehe Seite 2.
- Schließen Button (X) für den Dialog "I" neben dem Suchbegriff Siehe Seite 2.
- Leerer Alternativtext Grafik "i" siehe Seite 1.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Die Pfeile zum Weiterblättern der "Weiteren Anlaufstellen" haben englische Textalternativen "Previous/Next", sollten aber auf Deutsch sein.
- Der Schließen Button (X) der Filteroptionen in der responsiven Ansicht hat eine englische Textalternative "Close".
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Der Alternativtext der Grafik "i" sollte leer sein
(alt="")
da die Textalternative bereits über einaria-label
zur Verfügung gestellt wird. Eine Textalternative "Modal icon" ist in jedem Fall zu technisch und nicht aussagekräftig.
- Der Alternativtext der Grafik "i" sollte leer sein
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 2 Seiten konform
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
-
- Hashtags der Schlagwörter siehe Seite 1.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
- Hashtags der Schlagwortsuche siehe die Bewertung in Prüfschritt 9.4.1.2 - "Name, Rolle, Wert verfügbar".
-
-
- 3 Seiten konform
- 1 Seite nicht konform
- 2 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Grafiken vor den Ergebnissen für "Freizeitangebot", "Bildungsangebot" etc. sollten leere Alternativtexte haben. Sie wiederholen lediglich das, was direkt daneben steht. Redundanzen sollen vermieden werden.
-
-
-
Die erste Grafik mit dem Alternativtext: "Zwei Personen, die zusammen über einen Laptop gebeugt an einem Tisch sitzen. Auf dem Tisch liegt ein Notizblock. Hinter dem Laptop steht eine Wasserflasche. Im Hintergrund ist ein großes Fenster. Rechts von dem Fenster steht eine Pflanze." sollte ein leeres
alt
Attribut haben, wie auch die ähnlichen Grafiken im Auftritt. Die Grafik hat reinen Schmuck Charakter und keine inhaltliche Relevanz.
-
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
-
Hinweis ohne Bewertung da nicht im Prüfumfang enthalten: Aufgezeichnete Videos benötigen synchrone Untertitel. Slider 3/6 auf der Seite "Fachkräfte" verlinkt auf eine Seite mit einem Video "Franziska Giffey hisst Regenbogenflagge zum Global Prode Day". Das Video bietet keine zuschaltbaren Untertitel an. Die Volltextalternative zum Video ist nicht ausreichend.
-
-
-
-
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 3 Seiten konform
- 3 Seiten nicht konform
-
Keine Anmerkungen vorhanden
-
-
- Sprung von
h1
zuh3
und dann zuh6
. Sprünge in der Überschriften Hierarchie sind zu vermeiden. Siehe richtige Umsetzung auf der Startseite. - "Quellen" ist nicht als Überschrift ausgezeichnet.
- Sprung von
-
-
-
- Die Akkordeon Elemente (Begriffe) sind nicht als Überschriften mit
h2
ausgezeichnet.
- Die Akkordeon Elemente (Begriffe) sind nicht als Überschriften mit
-
-
-
- Leere
h2
über "Veranstaltungen und Bildungsangebote".
- Leere
-
-
-
Für Menschen ohne visuelle Wahrnehmung ist nicht deutlich, dass es sich bei den Schaltern "Thema" bis "Bundesland" um Filteroptionen handelt. Mit visueller Wahrnehmung wird dies durch den Schalter "Alle Filter zurücksetzen" deutlich der hinter den Filteroptionen steht. Es fehlt eine (unsichtbare) Überschrift
h2
. Als alternative und zu empfehlende Lösung kann auch die Liste der Filtermöglichkeiten mittelsaria-describedby
auf "Ergebnisse (nnn) verfeinern nach" verweisen. Siehe dazu https://www.w3.org/TR/WCAG20-TECHS/ARIA1.htmlSprung von
h1
"Anlaufstellen" aufh3
der Ergebnisse. Sinnvoll wäre hier eine (versteckte)h2
"Suchergebnisse" o.ä.- Die Dachzeilen der Ergebnisse sollen in die Überschriften integriert sein. Z.B. h3 Beratungsangebot 20099 Hamburg Antidiskriminierungsberatung /h3.
Unter "Weitere Anlaufstellen": "Über weitere Anlaufstellen... informieren" ist keine Überschrift und soll mit
p
ausgezeichnet sein.Dachzeilen der Anlaufstellen siehe oben.
-
-
Keine Anmerkungen vorhanden
-
- 4 Seiten konform
- 2 Seiten nicht konform
-
Keine Anmerkungen vorhanden
-
-
- Die Quellen sind nicht als Liste ausgezeichnet.
-
-
Keine Anmerkungen vorhanden
-
-
- Paginierung des Sliders siehe Seite 2.
-
-
-
- Bei dem Karussell "Weitere Anlaufstellen" befinden sich immer 5 Elemente in einem
li
. Jedes Element soll in einem eigenen Listenelement stehen. Siehe dazu auch 9.4.1.2 - "Name, Rolle, Wert verfügbar". - Die Paginierung z.B. "1/17" soll nicht als Liste ausgezeichnet sein. Da die anderen Einträge mit
display: none
versteckt sind, gibt ein Screenreader immer "Liste mit 1 Einträgen" aus. Das ist nicht sinnvoll. - Besser wäre, die "pagination"-Navigation für die Suchergebnisse als Liste auszuzeichnen. Siehe dazu https://www.a11ymatters.com/pattern/pagination/.
- Bei dem Karussell "Weitere Anlaufstellen" befinden sich immer 5 Elemente in einem
-
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 3 Seiten nicht konform
- 2 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
- Das Eingabefeld ist nicht wie auf Seite 1 mit dem
label
verknüpft. Alternative Lösung siehe Seite 1. - Unter dem Suchfeld "Um die Ergebnisse weiter einzugrenzen..." ist nicht mit den Checkboxen mittels
fieldset/legend
verknüpft
- Das Eingabefeld ist nicht wie auf Seite 1 mit dem
-
-
-
Betrifft die responsive Ansicht (erscheint auch bei Vergrößerung auf dem Desktop):
- Das Suchfeld PLZ hat kein
aria-label
. Siehe Umsetzung in der normalen Ansicht.
- Das Suchfeld PLZ hat kein
-
-
-
- Die Beschriftungen der Eingabefelder (Materialen bzw. Anlaufstellen finden) sind korrekt mittels
label/for
mit den Eingabefeldern verknüpft, werden aber von denaria-label
der Eingabefelder überschrieben. Diearia-label
müssen entfernt werden. Alternative Lösung: "Finden Sie ..." als Überschriften mith2
auszeichnenaria-label
der Suchfelder "Finden Sie geeignete Materialien und Informationen Suchbegriff eingeben".
- Die Beschriftungen der Eingabefelder (Materialen bzw. Anlaufstellen finden) sind korrekt mittels
-
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite konform
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
- Anders als auf Seite 2 erscheint hier zusätzlich ein Kreis um den Buchstaben.
-
-
Keine Anmerkungen vorhanden
-
-
- Nach Anwenden der Filteroptionen wird die Ergebnisseite neu geladen und die Bereiche der gewählten Filteroptionen sind grün hinterlegt. Für Menschen die Farben nicht gut wahrnehmen können ist eine zusätzliche Kennzeichnung notwendig oder der Kontrastunterschied zwischen den Zuständen beträgt mindestens 3,0:1. IST 1,3:1
-
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 2 Seiten nicht konform
- 4 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
-
- Die bei Fokuserhalt erscheinenden Begriffserklärungen (grün unterstrichene Links im Fließtext) lassen sich nicht schließen ohne den Fokus zu versetzen (z.B. über die ESC-Taste).
-
-
-
Siehe Seite 4.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 5 Seiten konform
- 1 Seite nicht konform
-
-
Fließt in die Bewertungen aller Seiten: Wenn die Seite nach unten gescrollt wir, verschwindet das Sprachmenü und ist über die Tastatur nicht mehr erreichbar.
-
-
-
- In der responsiven Ansicht sind die Schalter "weitere Filter" in den Filteroptionen und am Ende der Filteroptionen "Filter zurücksetzen" nicht über die Tastatur bedienbar. Es fehlt die Auszeichnung mit
tabindex="0"
und bei "Filter zurücksetzen auchrole="button"
.
- In der responsiven Ansicht sind die Schalter "weitere Filter" in den Filteroptionen und am Ende der Filteroptionen "Filter zurücksetzen" nicht über die Tastatur bedienbar. Es fehlt die Auszeichnung mit
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
-
-
Hinweise ohne Bewertung:
aria-label="Footer Navigation"
besser: "Metanavigation".- Sowohl die Hauptnavigation als auch die Mobilnavigation stehen Nutzern immer zur Verfügung. Der Inhalt der jeweils inaktiven Navigation ist zwar für alle Nutzer mit
display: none
ausgeblendet, dernav
Bereich aber nicht.
-
-
-
Der "Absenden" Schalter ist mit
nav
ausgezeichnet. Siehe dazu die Bewertung in Prüfschritt 9.4.1.2 - "Name, Rolle, Wert verfügbar". - Siehe auch Anmerkungen zu allen Seiten
-
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Die Detailseiten (hier z.B. Seite 4) enthalten fettdargestellte grün unterstrichene Begriffe. Bei Aktivierung dieser Links landet man auf der Seite, wo dieser Begriff erklärt wird. Der Breadcrumb dieser Zielseite lautet Startseite Glossar und auch die
h1
der Seite heißt "Glossar". Folgt man aber dem Breadcrumb von der Startseite und dann dem Link im Footer "Glossar", landet man auf einer ganz anderen Seite, nämlich dieser Seite.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 3 Seiten konform
- 3 Seiten nicht konform
-
-
Die Tastaturreihenfolge nach Auswahl des Formulars "Material empfehlen" entspricht nicht dem erwarteten Verhalten. Nach Auswahl des Formulars sollte der Fokus in den Inhaltsbereich des Formulars versetzt werden und nicht wie hier zur Auswahl des anderen Formulars "Anlaufstelle ... empfehlen". Siehe dazu auch Prüfschritt 9.4.1.2 - "Name, Rolle, Wert verfügbar".
-
-
Keine Anmerkungen vorhanden
-
-
- Nach Auswahl eines Buchstabens wird die Seite neu geladen. Hilfreich wäre ein entsprechender Hinweis.
-
-
Keine Anmerkungen vorhanden
-
-
- Der Link "Angebote ohne PLZ" über den Filteroptionen schiebt zwar die "Anlaufstellen ohne Vor Ort Beratung" in den Viewport, mit dem nächsten Tab wird dann aber nicht das erste fokussierbare Element dieser Anlaufstellen fokussiert, sondern die erste Filteroption "Thema".
Nach Anwenden eines Filters wird die Seite neu geladen und der Fokus wird an den Anfang der Seite gesetzt. Hilfreich wäre ein entsprechender Hinweis z.B. in einem
title
Attribut des Schalters. Hinweis: Die Filteroptionen in der responsiven Ansicht sind deutlich nutzerfreundlicher. Dort wählt man alle Filter aus allen Kategorien und wendet dann den Filter einmal auf alle Optionen an. Das lästige Neuladen der Seite passiert dann nur einmal.Karussell "Weitere Anlaufstellen: Die Tastaturreihenfolge ist schwer nachvollziehbar. In der "normalen" (nicht responsiven) Ansicht sind 3 Sliderelemente sichtbar. Bei der Bedienung über die Tabulator Taste schiebt sich dann das 4. und 5. Element in den Viewport, jeweils am Ende abgeschnitten. Nach dem 5. Element springt der Fokus aus dem Slider und die Paginierung wird fokussiert. Eine nachvollziehbare Reihenfolge wäre z.B. alle 17 Slider Elemente automatisch nacheinander über die Tastatur in den Viewport zu bringen, ohne dass dabei der aktuell fokussierte Slider abgeschnitten wird. In der responsiven Ansicht wird nur 1 Sliderelement gezeigt, der Fokus wandert aber durch alle 17 Sliderelemente im Hintergrund, ohne dass die Slider dabei sichtbar sind. Siehe dazu auch Prüfschritt 9.1.3.1b "HTML-Strukturelemente für Listen".
In der responsiven Ansicht steht "Alle Filter zurücksetzen" im Code vor dem Schalter zum Öffnen der Filteroptionen. Das ist nicht sinnvoll und folgt auch nicht der visuellen Reihenfolge.
- Responsive Ansicht / Filtereinstellungen - Die Checkboxen in den Bereichen "Lebensbereich", "Angebotsart" und "Bundesland" bekommen durch die Auszeichnung des labels mit
tabindex="0"
den Tastaturfokus zwei Mal.
-
-
-
- Der bounce-arrow hat keine sinnvolle Funktion. Er versetzt den Fokus lediglich dahin, wo der Fokus mit dem nächsten Tab eh landet. Das ist etwas irritierend, besonders aber für Screenreadernutzer, weil die Textalternative "zu ausgewählten Beiträgen" lautet.
-
-
- 5 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Bei den Download Links im Slider fehlt ein Hinweis auf das PDF Format.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 5 Seiten konform
- 1 Seite nicht konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
- "Finden Sie eine Anlaufstelle in Ihrer Nähe": Es fehlt "Postleitzahl" in der Beschriftung. Nach Eingabe eines Zeichens in das Eingabefeld, ist die Textvorbelegung nicht mehr sichtbar. Wenn hier z.B. ein Städtename eingegeben wird, bekommt man eine falsche Ergebnisliste.
-
-
- 6 Seiten nicht konform
-
-
Fließt in die Bewertungen aller Seiten: Bei der Vergrößerung auf dem Desktop öffnet sich die responsive Ansicht. In der geöffneten Hauptnavigation wird der Fokus durch einen roten Rahmen auf dunkelgrünen Hintergrund dargestellt. Kontrastverhältnis IST 1,1:1; SOLL 3,0:1.
-
-
-
-
- Nach dem Schließen einer Filteroption wird der Fokus zwar auf den Schalter zum Öffnen zurückversetzt, der Fokus ist dabei aber nicht sichtbar.
- Die Fokushervorhebung für den "Teilen" Schalter neben den Filterergebnissen erstreckt sich über den gesamten Bildschirm. Das erschwert die Orientierung.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Prüfschritte
-
- 1 Seite konform
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht konform
-
-
Fließt in die Bewertungen aller Seiten: Bei Aufruf der Seite ist die sichtbare Beschriftung des Logos "Bundesministerium für Familie, Senioren, Frauen und Jugend". Der zugängliche Name wird von assistiven Technologien bei Grafiken über das alt Attribut ermittelt. IST: "BMFSFJ" SOLL: "Bundesministerium für Familie, Senioren, Frauen und Jugend".
-
-
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 1 Seite nicht konform
- 5 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
- Die englischsprachigen Filterergebnisse z.B. nach Eingabe der PLZ 45438 "together place to meet place to be", "Queer of Color Group" benötigen eine Sprachauszeichnung mit
lang="en"
.
- Die englischsprachigen Filterergebnisse z.B. nach Eingabe der PLZ 45438 "together place to meet place to be", "Queer of Color Group" benötigen eine Sprachauszeichnung mit
-
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten konform
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 4 Seiten konform
- 2 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten konform
-
Die Schlagwortsuche mit den vorgestellten Hashtags sollte auf allen Seiten gleich bezeichnet sein. Vergleiche Bezeichnung Seite 1 "Schlagwortsuche" und Seite 4 "Schlagwörter".
-
-
Prüfschritte
-
- 1 Seite konform
- 5 Seiten nicht anwendbar
-
-
Nach Absenden eines fehlerhaft ausgefüllten Formulars erscheint eine Fehlermeldung im "Pop-up"-Fenster (native Fehlerbehandlung). Diese Meldung verschwindet unter Chrome/EDGE Browser nach einer kurzen Zeit, so dass die Nutzer (insbesondere die an Kurzgedächtnis leiden) nicht in der Lage sind danach festzustellen, wo das Problem war und was das Problem verursacht hat.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 4 Seiten konform
- 2 Seiten nicht anwendbar
-
-
Die Pflichtfelder sind durch ein Sternchen (*) gekennzeichnet. Die Bedeutung des Sternchens muss am Beginn des Formulars erklärt werden.
-
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 4 Seiten konform
- 2 Seiten nicht konform
-
-
Die Prüfung erfolgt mit https://validator.w3.org/nu über das Bookmarklet "Check serialized DOM of current page". Die Ergebnisse werden danach mit "Check for WCAG 2.0 parsing compliance" gefiltert (siehe: https://validator.w3.org/nu/about.html#extras). Es werden nur WCAG relevante Fehler berücksichtigt. Die Bookmarklets können von folgender Seite installiert werden: https://www.bitvtest.de/bitv_test/das_testverfahren_im_detail/werkzeugliste.html
-
-
-
Das Sucheingabefeld ist mit
additionalattributes
ausgezeichnet. Die Auszeichnung soll ersatzlos gestrichen werden. Siehe dazu auch Prüfschritt 9.1.3.1h - "Beschriftung von Formularelementen programmatisch ermittelbar". - Siehe auch Anmerkungen zu allen Seiten
-
-
- 6 Seiten nicht konform
-
-
- Das
aria-haspopup
Attribut ist nur für Application Menüs vorgesehen. Da die Hauptnavigation ein ganz normales Navigations Menü ist, sollte das Attribut entfernt werden. Siehe dazu https://www.w3.org/TR/waiaria- 1.1/#aria-haspopup.
Fließt in die Bewertungen der Seiten 2 - 6:
- Die Social Media Buttons unter dem "Teilen" Schalter am Ende der Seiten sind mit der falschen Rolle
dialog
ausgezeichnet. Hier ist keine zusätzliche Rolle notwendig. - Die korrekte native Rolle Link wird bei den Social Media Links mit
role="button"
überschrieben.
- Das
-
-
-
Die Auswahl eines Formulars "Material empfehlen" oder "Anlaufstelle / ... empfehlen" ist ein Tabpanel und benötigt eine entsprechende Umsetzung. Siehe dazu https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-2/tabs.html und auch https://inclusive-components.design/tabbed-interfaces. Zur erwarteten Tastaturreihenfolge siehe auch Prüfschritt 9.2.4.3 - "Schlüssige Reihenfolge bei der Tastaturbedienung.
Falsche Auszeichnungen als
nav
Bereich undrole="toolbar"
des "Nachricht absenden" Schalters.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Zur richtigen Umsetzung für die Textalternativen der Hashtags vor den Schlagwörtern am Ende der Seite siehe Seite 1.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Der gewählte Buchstabe erscheint nach dem Neuladen mit einem grünen Hintergrund und ist für Menschen mit visueller Wahrnehmung als aktueller Buchstabe erkennbar. Diese Information muss auch Screenreadern über
aria-current="true"
zur Verfügung gestellt werden. - Die inaktiven Buchstaben sind ausgegraut und sollten vor Screenreadern mit
aria-hidden="true"
versteckt werden. Da die Buchstaben als Liste ausgezeichnet ist, gäbe dann auch ein Screenreader nur die Anzahl der nicht ausgegrauten Buchstaben aus. - Die Akkordeon Elemente (Begriffe) sind nicht als
button
mitaria-expanded
ausgezeichnet. Siehe dazu https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html und Prüfschritt 9.1.3.1a - "HTML-Strukturelemente für Überschriften".
- Der gewählte Buchstabe erscheint nach dem Neuladen mit einem grünen Hintergrund und ist für Menschen mit visueller Wahrnehmung als aktueller Buchstabe erkennbar. Diese Information muss auch Screenreadern über
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Der "i" Schalter ist nicht als
button
ausgezeichnet. Dasaria-expanded
wird erst nach dem Öffnen hinzugefügt und hat den falschen Wertfalse
. Die Bedienung des Schließen Schalters ist inkonsistent. Mit zugeschaltetem Screenreader (getestet mit NVDA 2020.4 im Mozilla FireFox 87 Browser) lässt sich der Dialog nicht immer über das Kreuz schließen. Mit der ESC-Taste geht es aber.
- Der "i" Schalter ist nicht als
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
Nach Anwenden der Filteroptionen wird die Ergebnisseite neu geladen und die Bereiche der gewählten Filteroptionen sind grün hinterlegt. Diese Informationen müssen auch Screenreadernutzern zur Verfügung gestellt werden. Z.B. könnte entsprechender versteckter Text mittels
aria-describedby
mit den Schaltern verknüpft sein."Teilen" Schalter neben den Anlaufstellen siehe allgemeine Anmerkungen.
- Bei der Seitennavigation unter den Filteroptionen sollte die aktuelle Seite in der Tastaturreihenfolge bleiben und mit
aria-current="page"
ausgezeichnet sein. - Die fokussierbaren Ziffern für die Seitenauswahl sind als
span
Elemente umgesetzt. Es fehlt die passende Rolle Link. - Falsche Rolle
listbox
für die Elemente des Karussells "Weitere Anlaufstellen".listbox
ist für Auswahloptionen wie bei einemselect
. Siehe dazu auch Prüfschritt 9.1.3.1b - "HTML-Strukturelemente für Listen" und https://inclusivecomponents.design/a-content-slider/ - In der responsiven Ansicht sind bis auf "Thema" die Checkboxen bzw. deren label nicht richtig umgesetzt. Die
label
sind mittabindex="0"
ausgezeichnet. Bei Aktivierung wird die Checkbox markiert, es wird aber der Zustand in Screenreadern falsch ausgegeben.
- Siehe auch Anmerkungen zu allen Seiten
-
-
-
- Die Bereitstellung der Textalternativen für die Hashtags in der Schlagwortsuche ist nicht richtig umgesetzt. Möglich ist dies z.B. durch die Auszeichnung des Hashtags mit
role="img"
oder einemaria-label
auf dem Link z.B. "Hashtag Behinderung".
- Die Bereitstellung der Textalternativen für die Hashtags in der Schlagwortsuche ist nicht richtig umgesetzt. Möglich ist dies z.B. durch die Auszeichnung des Hashtags mit
- Siehe auch Anmerkungen zu allen Seiten
-
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte
-
- 6 Seiten nicht konform
-
-
Fließt in die Bewertungen aller Seiten: Im Browser festgelegte benutzerdefinierte Farben und Schriftarten werden übernommen, nicht aber benutzerdefinierte Schriftgrößen.
-
-
-
-
Prüfschritte
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
- 6 Seiten nicht anwendbar
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
Keine Anmerkungen vorhanden
-
-
Prüfschritte