Salt la conținut
Pandus

Cerință WCAG A/AA Prioritate: Moderat

Câmpurile din formulare nu se completează automat

Unele câmpuri din formulare folosesc valori autocomplete invalide sau nepotrivite cu câmpul, așa că browserele nu le pot completa.

Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.

De ce contează pentru clienții tăi

Cumpărătorii trebuie să tasteze manual adrese, numere de telefon și adrese de email. Cei mai afectați sunt oamenii cu dificultăți motorii sau de memorie, iar o finalizare lentă a comenzii înseamnă comenzi pierdute pentru toți.

Pe cine afectează

  • persoanele cu dizabilități motorii
  • persoanele cu dizabilități cognitive
  • cumpărătorii de pe mobil
  • toți clienții aflați la finalizarea comenzii

Cum se remediază

Folosiți valori autocomplete valide din specificația HTML, potrivite cu câmpul, de exemplu "email", "given-name", "postal-code", "tel". Corectați greșelile de scriere și valorile inventate; folosiți "off" doar acolo unde completarea automată ar fi greșită.

În Shopify

Checkout-ul este gestionat de Shopify, așa că problemele apar de obicei în formularele temei (cont, contact, newsletter) sau în formularele aplicațiilor. Corectați atributele autocomplete în șabloanele Liquid ale temei sau în aplicație.

În Shoptet (CZ)

De obicei, formulare din șablon sau add-on-uri. Raportați problema echipei Shoptet sau unui partener Shoptet.

În PrestaShop

Verificați șabloanele de adresă, cont și checkout, precum și modulele de checkout. Corectați atributele autocomplete în șabloanele .tpl sau în setările modulelor.

În WooCommerce

Verificați câmpurile de checkout și de cont din temă și din pluginuri, în special din pluginurile pentru câmpuri personalizate de checkout. Corectați valorile în setările pluginului sau în șabloanele temei copil.

Standarde

Standarde
StandardPunct
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

Verificare automată: regula axe-core autocomplete-valid. dequeuniversity.com, github.com, www.w3.org

Toate regulile pe care le verificăm