Referenz
Jede Prüfung, die wir ausführen — und was zu tun ist, wenn sie fehlschlägt
75 Prüfungen sind einem WCAG-Erfolgskriterium zugeordnet. Weitere 30 sind gute Praxis, die kein Kriterium verlangt — wir melden sie getrennt, damit ein Konformitätsgespräch bei der Konformität bleibt.
Läuft auf axe-core 4.13.0 · © Deque Systems, MPL-2.0
ARIA
kritischaria-hidden-bodyAria-hidden='true' darf nicht für den <body> des Dokumentes verwendet werden.1.3.1, 4.1.2
kritischaria-required-childrenBestimmte ARIA-Rollen müssen spezifische, untergeordnete Kind-Rollen enthalten.1.3.1
kritischaria-required-parentBestimmte ARIA-Rollen müssen in spezifischen, übergeordneten Eltern-Rollen enthalten sein.1.3.1
schwerwiegendaria-braille-equivalentaria-braille Attribute müssen ein non-braille Äquivalent haben.4.1.2
schwerwiegendaria-command-nameARIA Befehle müssen einen zugänglichen Namen (accessible name) besitzen.4.1.2
schwerwiegendaria-conditional-attrARIA-Attribute müssen entsprechend der Rolle des Elements verwendet werden.4.1.2
schwerwiegendaria-input-field-nameARIA-inputs müssen einen zugänglichen Namen (accessible name) besitzen.4.1.2
schwerwiegendaria-meter-nameARIA-meter Knoten müssen einen zugänglichen Namen (accessible name) besitzen.1.1.1
schwerwiegendaria-progressbar-nameARIA-progressbar Knoten müssen einen zugänglichen Namen (accessible name) besitzen.1.1.1
schwerwiegendaria-roledescriptionNutze aria-roledescription für Elemente mit einer semantischen Rolle.4.1.2
schwerwiegendaria-toggle-field-nameARIA-toggle-Felder benötigen einen zugänglichen Namen (accessible name).4.1.2
schwerwiegendaria-tooltip-nameARIA-tooltip-Knoten benötigen einen zugänglichen Namen (accessible name).4.1.2
Farbe
schwerwiegendlink-in-text-blockLinks müssen vom umgebenden Text auf eine Weise unterschieden werden können, die nicht allein auf Farbe beruht.1.4.1
Formulare
kritischselect-name<select> Elemente müssen einen zugänglichen Namen (accessible name) besitzen.4.1.2
Tastatur
schwerwiegendbypassWiederholende Blöcke müssen vom Nutzer mit Hilfe von der Seite bereitgestellten Mitteln übersprungen werden können.2.4.1
schwerwiegendframe-focusable-contentFrames mit fokussierbarem Inhalt dürfen keinen tabindex=-1 haben.2.1.1
schwerwiegendnested-interactiveInteraktive Steuerelemente dürfen nicht verschachtelt (nested) werden.4.1.2
schwerwiegendscrollable-region-focusableScrollbare Regionen müssen per Tastatur erreichbar sein.2.1.1, 2.1.3
Sprache
schwerwiegendhtml-lang-validDas <html>-Element muss einen gültigen Attributwert für das lang-Attribut besitzen.3.1.1
mittelhtml-xml-lang-mismatchHTML Elemente mit lang und xml:lang Attributen müssen dieselbe Sprache ausweisen.3.1.1
Name, Rolle, Wert
schwerwiegendaria-hidden-focusARIA-hidden Elemente dürfen keine fokussierbaren Elemente beinhalten.4.1.2
Parsing
kritischduplicate-id-ariaIDs, welche in ARIA und Lables genutzt werden, müssen einzigartig sein.4.1.2
Semantik
schwerwiegendlabel-content-name-mismatchElemente müssen ihren sichtbaren Text auch als Teil des zugänglichen Namens (accessible name) haben.2.5.3
schwerwiegendp-as-headingDie Schriftschnitte bold und italic sowie die Schriftgröße dürfen nicht verwendet werden, um <p>-Elemente wie Überschriften zu formatieren.1.3.1
geringidentical-links-same-purposeLinks mit dem selben zugänglichen Namen (accessible name) verfolgen denselben Zweck.2.4.9
Sinnliche und visuelle Hinweise
schwerwiegendtarget-sizeAlle Berührungsobjekte (touch targets) müssen 24 Pixel groß sein oder ausreichend Platz lassen.2.5.8
Struktur
schwerwiegendavoid-inline-spacingZeichenabstände müssen durch benutzerdefinierte Stylesheets anpassbar sein.1.4.12
schwerwiegendcss-orientation-lockCSS Media Queries dürfen nicht genutzt werden um die Bildschirmausrichtung zu sperren.1.3.4
schwerwiegenddefinition-list<dl>-Elemente dürfen unmittelbar nur korrekt verschachtelte <dt>- und <dd>-Gruppen, <script>- oder <template>-Elemente enthalten.1.3.1
Tabellen
kritischtd-has-headerIn Tabellen, die größer als 3 mal 3 sind, müssen alle nichtleeren <td>-Elemente einen zugehörigen Tabellenkopf haben.1.3.1
schwerwiegendtable-fake-captionDaten- oder Kopfzellen sollten nicht verwendet werden, um einer Datentabelle eine Überschrift zu geben.1.3.1
schwerwiegendtd-headers-attrInnerhalb eines <table>-Elementes dürfen sich Zellen, die das headers-Attribut verwenden, nur auf andere Zellen derselben Tabelle beziehen.1.3.1
schwerwiegendth-has-data-cellsAlle <th>-Elemente sowie Elemente mit role=columnheader/rowheader müssen Datenzellen haben, die sie beschreiben.1.3.1
Textalternativen
kritischinput-image-alt<input type="image">-Elemente müssen einen Alternativtext besitzen.1.1.1, 4.1.2
schwerwiegenddocument-titleDokumente müssen ein <title>-Element besitzen, um die Navigation zu erleichtern.2.4.2
schwerwiegendsvg-img-alt<svg> Elemente mit einer img Rolle sollten einen Alternativtext besitzen.1.1.1
Zeit und Medien
kritischmeta-refreshEine zeitgesteuerte Aktualisierung (refresh) sollte nicht verwendet werden.2.2.1
geringmeta-refresh-no-exceptionsDie verzögerte Aktualisierung darf nicht verwendet werden.2.2.4, 3.2.5
Empfehlung, nicht Konformität
Diese finden echte Probleme, aber ein Fehlschlag ist kein WCAG-Verstoß. Bei geplanten Scans sind sie standardmäßig aus, damit Ihr Score bedeutet, was er sagt.
geringaria-allowed-roleDer Wert des role-Attributes muss für dieses Element geeignet sein.Empfehlung
schwerwiegendaria-dialog-nameARIA-dialog und -alertdialog Knoten müssen einen zugänglichen Namen (accessible name) besitzen.Empfehlung
schwerwiegendaria-text"role=text" sollte keine fokussierbaren Nachkommen (descendants) haben.Empfehlung
schwerwiegendaria-treeitem-nameARIA-treeitem-Knoten benötigen einen zugänglichen Namen (accessible name).Empfehlung
geringfocus-order-semanticsElemente in der Fokusreihenfolge benötigen eine Rolle, die für interaktive Elemente geeignet ist.Empfehlung
geringimage-redundant-altDer Alternativtext von Bildern sollte nicht als Text wiederholt werden.Empfehlung
mittellandmark-banner-is-top-levelBanner landmark muss sich auf der obersten Ebene befinden.Empfehlung
mittellandmark-complementary-is-top-levelDas aside-Elemente darf sich nicht in einer anderen landmark befinden.Empfehlung
mittellandmark-contentinfo-is-top-levelContentinfo landmark muss sich auf der obersten Ebene befinden.Empfehlung
mittellandmark-no-duplicate-bannerDas Dokument sollte höchstens eine banner landmark enthalten.Empfehlung
mittellandmark-no-duplicate-contentinfoDas Dokument sollte höchstens eine contentinfo landmark enthalten.Empfehlung
mittellandmark-uniqueLandmarks müssen eine einzigartige role oder role/label/title Kombination (bzw. zugänglicher Name / accessible name) besitzen.Empfehlung
geringmeta-viewport-largeBenutzer sollten in der Lage sein, den Text um bis zu 500% vergrößern und skalieren zu können.Empfehlung
geringpresentation-role-conflictElemente mit "role=none" oder "role=presentation" sollen von Screenreadern ignoriert werden.Empfehlung
geringtable-duplicate-nameDas <caption>-Element sollte nicht den gleichen Text wie das summary-Attribut enthalten.Empfehlung