WCAG-A/AA-Anforderung Priorität: Mittel
Formularfelder werden nicht automatisch ausgefüllt
Einige Formularfelder verwenden autocomplete-Werte, die ungültig sind oder nicht zum Feld passen. Browser können sie deshalb nicht automatisch ausfüllen.
Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.
Warum das für Ihre Kunden wichtig ist
Kunden müssen Adresse, Telefonnummer und E-Mail von Hand eintippen. Menschen mit motorischen Einschränkungen oder Gedächtnisproblemen trifft das am stärksten, und ein mühsamer Checkout kostet bei allen Bestellungen.
Wen es betrifft
- Menschen mit motorischen Einschränkungen
- Menschen mit kognitiven Einschränkungen
- Kunden auf dem Smartphone
- alle Kunden im Checkout
So beheben Sie es
Verwenden Sie gültige autocomplete-Werte aus der HTML-Spezifikation, die zum Feld passen, zum Beispiel "email", "given-name", "postal-code", "tel". Korrigieren Sie Tippfehler und erfundene Werte; "off" nur dort, wo automatisches Ausfüllen falsch wäre.
Bei Shopify
Der Checkout wird von Shopify verwaltet. Probleme liegen daher meist in Theme-Formularen (Kundenkonto, Kontakt, Newsletter) oder in App-Formularen. Korrigieren Sie die autocomplete-Attribute in den Liquid-Templates des Themes oder in der App.
Bei Shoptet (CZ)
Meist Formulare des Templates oder Erweiterungen. Melden Sie es Shoptet oder einer Partneragentur.
Bei PrestaShop
Prüfen Sie Adress-, Konto- und Checkout-Templates sowie Checkout-Module. Korrigieren Sie die autocomplete-Attribute in den .tpl-Templates oder den Moduleinstellungen.
Bei WooCommerce
Prüfen Sie Checkout- und Kontofelder von Theme und Plugins, besonders Plugins für eigene Checkout-Felder. Korrigieren Sie die Werte in den Plugin-Einstellungen oder in Child-Theme-Templates.
Standards
| Standard | Abschnitt |
|---|---|
| WCAG 2.2 | 1.3.5 (AA) Identify Input Purpose |
| WCAG 2.1 | 1.3.5 (AA) Identify Input Purpose |
| EN 301 549 4.1.1 | 9.1.3.5 |
| EN 301 549 3.2.1 | 9.1.3.5 |
| ДСТУ EN 301 549 2022 | 9.1.3.5 |
Automatische Prüfung: axe-core-Regel autocomplete-valid.
dequeuniversity.com, github.com, www.w3.org
Ähnliche Prüfungen
-
Einige Links sagen nicht, wohin sie führen
WCAG 2.4.4 A
-
Einige Schaltflächen haben keinen Namen
WCAG 4.1.2 A
-
Selbst gebaute Menüpunkte oder Tabs stehen außerhalb ihrer Gruppe
WCAG 1.3.1 A
-
Einige Elemente verwenden veraltete Barrierefreiheits-Rollen
WCAG 4.1.2 A