39 von 48 anwendbaren Prüfungen bestanden. 4 Fehler erfordern unten Ihre Aufmerksamkeit.
Zu prüfen
html > body > main > p:nth-of-type(1)Selektor und Zusammenfassung oben stammen von einer repräsentativen Fundstelle; insgesamt 2 bei dieser Regel.
html > body > main > p:nth-of-type(1)Selektor und Zusammenfassung oben stammen von einer repräsentativen Fundstelle; insgesamt 2 bei dieser Regel.
#payhtml > body > main > img:nth-of-type(1)Wahrscheinlich nicht erfüllt: bitte bestätigen
#emailWahrscheinlich nicht erfüllt: Die mit dem Feld verknüpfte Fehlermeldung ist ausgeblendet; der Fehler wird daher wahrscheinlich nicht mitgeteilt.
So prüfen Sie es
- Machen Sie das Feld so ungültig, wie es Nutzende tun würden (Formular leer absenden oder einen falschen Wert eingeben).
- Suchen Sie die Fehlermeldung, auf die das Feld verweist (sein aria-errormessage), und prüfen Sie, ob sie auf dem Bildschirm erscheint.
- Erscheint sie nicht, suchen Sie nach Text, der sagt, was falsch ist: in der Beschriftung, neben dem Feld oder in einer Zusammenfassung oben im Formular.
- Navigieren Sie mit einem Screenreader zum Feld und achten Sie auf den Fehler.
Erfüllt: Der Fehler wird als Text angezeigt und angesagt, an einer mit dem Feld verknüpften Stelle, auch wenn es nicht die Meldung ist, die aria-errormessage nennt.
Nicht erfüllt: Kein Text sagt, welches Feld falsch ist und warum, oder Screenreader-Nutzende erfahren es nicht; das verstößt gegen WCAG 3.3.1.
html > body > main > img:nth-of-type(2)Wahrscheinlich nicht erfüllt: Ein Dateiname, eine Webadresse oder ein allgemeines Wort sagt nicht, was das Bild zeigt. Achtung: Das Wort kann alles sein, was das Bild zeigt, etwa ein Bild genau dieses Worts.
So prüfen Sie es
- Suchen Sie das im Bericht genannte Bild und lesen Sie seinen Alternativtext (der Bericht nennt den Grund, warum er verdächtig wirkte, falls es einen gibt).
- Betrachten Sie das Bild und seinen Kontext und fragen Sie sich, was es zeigt, das für die Seite wichtig ist.
- Nennt die Textalternative das Bild nur, wie bei Diagrammen und Schaubildern üblich, können die Details anderswo stehen: in einer Bildunterschrift, einem Text oder einer Tabelle daneben oder hinter einem Link daneben. Das zählt nur, wenn Screenreader-Nutzer sie von dem Bild aus finden und sie alles wiedergeben, was dem Bild zeigt.
- Entscheiden Sie, ob der alt-Text das Wichtige sagt oder das Bild benennt, während diese Beschreibung den Rest liefert; ein Dateiname, eine Webadresse oder ein allgemeines Wort wie „Bild“ tut keines von beidem.
Erfüllt: Der alt-Text vermittelt, was das Bild zeigt und der Nutzer braucht, oder er benennt das Bild und eine Beschreibung, die Screenreader-Nutzer von ihm aus erreichen, liefert den Rest.
Nicht erfüllt: Weder der alt-Text noch eine vom Bild aus erreichbare Beschreibung vermittelt seinen Inhalt (etwa ist der alt-Text ein Dateiname, eine Adresse oder ein allgemeines Wort); das verstößt gegen WCAG 1.1.1 (F30).
Wahrscheinlich erfüllt: bitte bestätigen
html > body > main > form > input:nth-of-type(2)Wahrscheinlich erfüllt: WCAG 2.2 hat das Kriterium gestrichen, nach dem dies gefunden wurde. Achtung: Der Fehler selbst beeinträchtigt weiterhin, was davon abhängt, und eine Norm, die das Kriterium beibehält, wertet ihn als Verstoß.
So prüfen Sie es
- Untersuchen Sie die im Bericht genannten Elemente und notieren Sie die gemeinsame id.
- Prüfen Sie, ob etwas auf diese id verweist: das for eines Labels, ein aria-*-Attribut wie aria-labelledby oder ein Link auf #the-id.
- Verweist etwas darauf, folgen Sie dem Verweis (klicken Sie auf das Label oder den Link oder lesen Sie den Namen im Bereich „Barrierefreiheit“) und prüfen Sie, ob er das beabsichtigte Element erreicht.
- Prüfen Sie, welche WCAG-Version und welchen Standard die Prüfung anwendet; unter WCAG 2.2 oder 2.0/2.1 mit den Errata von 2023 ist 4.1.1 für HTML erfüllt.
Erfüllt: Durch das Duplikat geht nichts kaputt (Verweise erreichen das beabsichtigte Element) und die Prüfung verwendet WCAG 2.2 oder 2.0/2.1 mit den Errata, unter denen 4.1.1 erfüllt ist.
Nicht erfüllt: Ein Label, ein ARIA-Verweis oder ein Link erreicht das falsche Element (WCAG 1.3.1 oder 4.1.2), oder die Prüfung folgt einem Standard, der den Text von 4.1.1 beibehält, etwa EN 301 549 V3.2.1, wonach doppelte ids gegen 4.1.1 verstoßen (F77).
Selektor und Zusammenfassung oben stammen von einer repräsentativen Fundstelle; insgesamt 2 bei dieser Regel.
Muss eine Person prüfen
htmlSo prüfen Sie es
- Klicken Sie in die Adressleiste des Browsers und drücken Sie dann wiederholt Tab, um sich durch jeden Link und jedes Bedienelement der Seite zu bewegen.
- Prüfen Sie bei jedem Halt, ob Sie sehen können, wo der Fokus ist, und ob die Reihenfolge der Lesereihenfolge der Seite folgt.
- Bedienen Sie jedes Bedienelement mit der Tastatur (Eingabetaste, Leertaste, Pfeiltasten) und öffnen und schließen Sie Menüs und Dialoge.
- Wo sich etwas nicht mit der Tastatur erreichen oder bedienen lässt, prüfen Sie, ob die Seite einen anderen Weg bietet, dasselbe allein mit der Tastatur zu tun, etwa die Schaltflächen „Zurück“ und „Weiter“ eines Karussells oder „Nach oben“ und „Nach unten“ bei einer Liste, die man ziehen kann. Das zählt nur, wenn er alles kann, was die Maus kann.
- Prüfen Sie, dass der Fokus nie in einer Komponente hängen bleibt und dass Sie mit Esc oder Tab weiterkommen.
Erfüllt: Alles funktioniert mit der Tastatur, direkt oder auf einem anderen Weg, der dasselbe leistet, der Fokus bewegt sich in sinnvoller Reihenfolge, ist immer sichtbar und bleibt nie hängen.
Nicht erfüllt: Etwas lässt sich auf keine Weise mit der Tastatur erreichen oder bedienen, der Fokus hält den Nutzer fest, die Reihenfolge verwirrt oder der Fokus ist unsichtbar; das verstößt gegen WCAG 2.1.1, 2.1.2, 2.4.3 oder 2.4.7.
head > titleSo prüfen Sie es
- Lesen Sie den Seitentitel, den der Bericht angibt; der Browser zeigt ihn im Tab.
- Sehen Sie sich die Hauptüberschrift und den Inhalt der Seite an und notieren Sie, worum es auf der Seite geht.
- Entscheiden Sie, ob der Titel dieses Thema oder diesen Zweck nennt.
Erfüllt: Der Titel sagt, worum es auf der Seite geht oder wofür sie da ist.
Nicht erfüllt: Der Titel sagt nicht, worum es auf der Seite geht oder wofür sie da ist; das verstößt gegen WCAG 2.4.2.
WCAG-Zusammenfassung
Stufe A
| EK | Anforderung | Ergebnis | Aufschlüsselung | Beteiligte Regeln |
|---|---|---|---|---|
| WCAG 1.1.1 | Nicht-Text-Inhalt: Textalternativen | Nicht bestanden | 0 bestanden / 1 nicht bestanden / 1 Prüfung nötig / 19 nicht anwendbar | area-alt-present, img-alt-decorative, img-alt-quality, area-alt-quality, canvas-text-alternative-quality, canvas-text-alternative-present, embed-text-alternative-present, img-alt-present, input-image-alt-present, object-text-alternative-present, role-img-text-alternative-present, svg-image-text-alternative-present, svg-text-alternative-present, video-poster-text-alternative-present, embed-text-alternative-quality, input-image-alt-decorative, input-image-alt-quality, object-text-alternative-quality, svg-text-alternative-quality, meter-name-present, progressbar-name-present |
| WCAG 1.2.1 | Reine Audio- und Videoinhalte (aufgezeichnet): Transkription | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | media-alternative-transcript-evidence |
| WCAG 1.2.2 | Untertitel (aufgezeichnet) | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | video-caption |
| WCAG 1.3.1 | Info und Beziehungen | Prüfung nötig | 3 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 13 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
table-headers-attr-valid, table-th-has-data-cells, aria-hidden-body, list-children-valid, listitem-parent-valid, definition-list-children-valid, dlitem-parent-valid, aria-required-children, aria-prohibited-children, aria-required-parent, form-control-programmatic-label-present, p-as-heading, table-fake-caption, td-has-header, aria-roles-valid, aria-owns-valid |
| WCAG 1.4.1 | Benutzung von Farbe | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
link-in-text-block |
| WCAG 1.4.2 | Audio-Steuerelement | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | no-autoplay-audio |
| WCAG 2.1.1 | Tastatur | Nicht bestanden | 1 bestanden / 1 nicht bestanden / 1 Prüfung nötig / 5 nicht anwendbar | manual-review, iframe-focusable-content, server-side-image-map-absent, scrollable-region-focusable, mouse-only-event-handlers, click-handler-keyboard-operable, focus-not-removed-by-script, widget-keyboard-focusable |
| WCAG 2.2.1 | Zeiteinteilung anpassbar | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | meta-refresh-timing-absent |
| WCAG 2.2.2 | Pausieren, beenden, ausblenden | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
deprecated-elements-not-used, moving-content-pausable |
| WCAG 2.4.1 | Blöcke umgehen | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
bypass-blocks-present |
| WCAG 2.4.2 | Seite mit Titel versehen | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 1 Prüfung nötig / 0 nicht anwendbar | page-title-patterns, page-title-present |
| WCAG 2.4.3 | Fokus-Reihenfolge | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 1 Prüfung nötig / 0 nicht anwendbar | manual-review |
| WCAG 2.4.4 | Linkzweck (im Kontext) | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
link-name-present, link-name-quality |
| WCAG 2.5.3 | Beschriftung (Label) im Namen | Nicht anwendbar | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | label-in-name |
| WCAG 3.1.1 | Sprache der Seite | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
html-lang-attr-present, html-xml-lang-mismatch |
| WCAG 3.3.1 | Fehlererkennung | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 1 Prüfung nötig / 0 nicht anwendbar | invalid-field-error-message |
| WCAG 3.3.2 | Beschriftungen (Labels) oder Anweisungen | Prüfung nötig | 3 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
form-control-single-label, form-control-programmatic-label-present, form-control-programmatic-label-quality |
| WCAG 4.1.1 | Syntaxanalyse | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 1 Prüfung nötig / 0 nicht anwendbar | duplicate-id |
| WCAG 4.1.2 | Name, Rolle, Wert: zugänglicher Name | Prüfung nötig | 4 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 20 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
aria-role-name-present, binary-control-name-present, button-name-present, input-image-alt-present, combobox-name-present, dialog-name-present, form-control-programmatic-label-present, iframe-name-present, iframe-title-unique, identical-iframes-same-purpose, link-name-present, listbox-name-present, menuitem-name-present, option-name-present, searchbox-name-present, slider-name-present, spinbutton-name-present, tab-name-present, textbox-name-present, treeitem-name-present, aria-hidden-focus, aria-hidden-body, summary-name-present, tooltip-name-present |
| WCAG 4.1.2 | Name, Rolle, Wert: ARIA-Gültigkeit | Prüfung nötig | 9 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 6 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
aria-roles-valid, aria-deprecated-role, aria-valid-attr, aria-valid-attr-value, aria-allowed-attr, aria-prohibited-attr, aria-required-attr, duplicate-id-aria, nested-interactive-controls-absent, presentational-children-focusable-absent, aria-braille-equivalent, aria-conditional-attr, aria-checked-state-mismatch, aria-expanded-state-mismatch, aria-owns-valid |
Stufe AA
| EK | Anforderung | Ergebnis | Aufschlüsselung | Beteiligte Regeln |
|---|---|---|---|---|
| WCAG 1.3.4 | Bildschirmausrichtung | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
css-orientation-lock |
| WCAG 1.3.5 | Bestimmung des Eingabezwecks | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | autocomplete-valid |
| WCAG 1.4.3 | Kontrast (Minimum) | Nicht bestanden | 1 bestanden / 1 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar | contrast-computable, contrast-minimum |
| WCAG 1.4.4 | Textgröße ändern | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | meta-viewport-zoom-enabled |
| WCAG 1.4.5 | Bilder von Text | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | image-of-text |
| WCAG 1.4.12 | Textabstand | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
avoid-inline-spacing, text-spacing-content-loss |
| WCAG 2.4.6 | Überschriften und Beschriftungen (Labels) | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 2 nicht anwendbar | heading-quality, form-control-label-quality |
| WCAG 2.4.7 | Fokus sichtbar | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 1 Prüfung nötig / 3 nicht anwendbar | css-hidden-focus, css-focus-indicator-suppressed, focus-not-removed-by-script, manual-review |
| WCAG 2.5.8 | Zielgröße: Minimum | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
target-size-minimum |
| WCAG 3.1.2 | Sprache von Teilen | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | valid-lang |
| WCAG 3.3.8 | Barrierefreie Authentifizierung (Minimum) | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 1 nicht anwendbar | password-paste-enabled |
| WCAG 4.1.3 | Statusmeldungen | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
live-region-announcements |
Stufe AAA
| EK | Anforderung | Ergebnis | Aufschlüsselung | Beteiligte Regeln |
|---|---|---|---|---|
| WCAG 1.4.6 | Kontrast (erhöht) | Nicht bestanden | 1 bestanden / 1 nicht bestanden / 0 Prüfung nötig / 0 nicht anwendbar | contrast-computable, contrast-enhanced |
| WCAG 2.1.3 | Tastatur (keine Ausnahme) | Nicht bestanden | 0 bestanden / 1 nicht bestanden / 0 Prüfung nötig / 2 nicht anwendbar | scrollable-region-focusable, mouse-only-event-handlers, click-handler-keyboard-operable |
| WCAG 2.2.4 | Unterbrechungen | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 2 nicht anwendbar | meta-refresh-no-exceptions, meta-refresh-timing-absent |
| WCAG 2.4.9 | Linkzweck (reiner Link) | Prüfung nötig | 1 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 2 nicht anwendbar Teilweise geprüft: Die Prüfungen decken nur einen Teil dieses Kriteriums ab, den Rest prüft ein Mensch |
identical-links-same-purpose, link-name-present, link-name-quality |
| WCAG 3.2.5 | Änderung auf Anfrage | Prüfung nötig | 0 bestanden / 0 nicht bestanden / 0 Prüfung nötig / 2 nicht anwendbar | meta-refresh-no-exceptions, meta-refresh-timing-absent |
Vollständige technische Daten — Übersicht, durchsuchbare Liste der Fundstellen
Übersicht
Fundstellen
| Regel | Ergebnis | Schweregrad | Selektor | Zusammenfassung |
|---|