Skip to content
Pandus

WCAG A/AA requirement Priority: Moderate

Checkout fields are not filled in automatically

Some form fields use autocomplete values that are invalid or do not match the field, so browsers cannot fill them in.

This text was translated automatically and has not been reviewed by a native speaker yet.

Why it matters to your customers

Shoppers have to type addresses, phone numbers and emails by hand. People with motor or memory difficulties are hit hardest, and slow checkout costs orders for everyone.

Who is affected

  • people with motor disabilities
  • people with cognitive disabilities
  • mobile shoppers
  • all customers in checkout

How to fix it

Use valid autocomplete tokens from the HTML specification that match the field, for example "email", "given-name", "postal-code", "tel". Fix typos and invented values; use "off" only where autofill would be wrong.

On Shopify

Checkout is managed by Shopify, so problems are usually in theme forms (account, contact, newsletter) or app forms. Fix the autocomplete attributes in the theme's Liquid templates or the app.

On Shoptet (CZ)

Usually template forms or add-ons. Report it to Shoptet or a partner.

On PrestaShop

Check address, account and checkout templates and checkout modules. Correct the autocomplete attributes in the .tpl templates or module settings.

On WooCommerce

Check the theme's and plugins' checkout and account fields, especially custom checkout field plugins. Correct the values in the plugin settings or child-theme templates.

Standards

Standards
StandardClause
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

Automated check: axe-core rule autocomplete-valid. dequeuniversity.com, github.com, www.w3.org

All rules we check