Przejdź do treści
Pandus

Wymaganie WCAG A/AA Priorytet: Umiarkowane

Pola w kasie nie wypełniają się automatycznie

Niektóre pola formularzy mają nieprawidłowe lub niepasujące wartości autouzupełniania, więc przeglądarka nie może ich wypełnić.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Klienci muszą ręcznie wpisywać adres, numer telefonu i e-mail. Najbardziej odczuwają to osoby z trudnościami ruchowymi lub z pamięcią, a wolniejsze składanie zamówienia zniechęca wszystkich kupujących.

Kogo to dotyczy

  • osoby z niepełnosprawnością ruchową
  • osoby z niepełnosprawnością intelektualną lub trudnościami poznawczymi
  • osoby robiące zakupy na telefonie
  • wszyscy klienci składający zamówienie

Jak to naprawić

Używaj prawidłowych tokenów autocomplete ze specyfikacji HTML, pasujących do pola, np. "email", "given-name", "postal-code", "tel". Popraw literówki i wymyślone wartości; "off" stosuj tylko tam, gdzie autouzupełnianie byłoby błędne.

W Shopify

Kasą (checkout) zarządza Shopify, więc problemy dotyczą zwykle formularzy motywu (konto, kontakt, newsletter) lub formularzy aplikacji. Popraw atrybuty autocomplete w szablonach Liquid motywu lub w aplikacji.

W Shoptet (CZ)

Zwykle formularze szablonu lub dodatki. Zgłoś problem do Shoptet lub partnera Shoptet.

W PrestaShop

Sprawdź szablony adresu, konta i kasy oraz moduły kasy. Popraw atrybuty autocomplete w szablonach .tpl lub ustawieniach modułu.

W WooCommerce

Sprawdź pola kasy i konta w motywie oraz we wtyczkach, zwłaszcza we wtyczkach do niestandardowych pól kasy. Popraw wartości w ustawieniach wtyczki lub w szablonach motywu potomnego.

Normy

Normy
NormaPunkt
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

Automatyczny test: reguła axe-core autocomplete-valid. dequeuniversity.com, github.com, www.w3.org

Wszystkie reguły, które sprawdzamy