Zum Inhalt springen
Pandus
de Sprache ändern
Menü

WCAG-A/AA-Anforderung Priorität: Schwerwiegend

Barrierefreiheits-Attribute sind falsch geschrieben

Einige Attribute beginnen mit „aria-“, sind aber keine echten ARIA-Attribute, meist wegen eines Tippfehlers.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Das Attribut wird ignoriert, sodass eine Beschriftung oder ein Zustand Screenreader-Nutzer nie erreicht. Eine Schaltfläche, die „Schließen“ heißen sollte, hat dann womöglich gar keinen Namen.

Wen es betrifft

  • Screenreader-Nutzer
  • blinde Kundinnen und Kunden

So beheben Sie es

Prüfen Sie die Schreibweise anhand der WAI-ARIA-Liste, zum Beispiel aria-labelledby (nicht aria-labeledby). Entfernen Sie erfundene aria-*-Attribute; für eigene Daten verwenden Sie data-*.

Bei Shopify

Meist ein Tippfehler im Theme-Code oder in einer App. Suchen Sie das Attribut in den Liquid- und JavaScript-Dateien des Themes und korrigieren Sie es.

Bei Shoptet (CZ)

Meist im Template-Code oder in eigenem, hinzugefügtem Code. Korrigieren Sie Ihren eigenen Code; Probleme im Template melden Sie Shoptet oder einer Partneragentur.

Bei PrestaShop

Meist ein Tippfehler in Theme- oder Modul-Templates. Korrigieren Sie es in den .tpl- oder JavaScript-Dateien.

Bei WooCommerce

Meist ein Tippfehler im Theme, in einem Page-Builder oder einem Plugin. Korrigieren Sie es im Child-Theme-Code oder melden Sie es dem Plugin-Entwickler.

Standards

Standards
StandardAbschnitt
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

Automatische Prüfung: axe-core-Regel aria-valid-attr. dequeuniversity.com, github.com, www.w3.org

Ähnliche Prüfungen

Alle Regeln, die wir prüfen