WCAG 1.3.5 Identificarea scopului datelor introduse

Criteriul de succes 1.3.5 face formularele mai ușor de folosit pentru persoanele cu dizabilități cognitive, de memorie sau motorii. Când un câmp spune în cod la ce servește — „acesta este e-mailul”, „acesta este codul poștal” —, browserele îl pot completa automat, iar instrumentele asistive pot afișa pictograme sau etichete familiare. A fost adăugat în WCAG 2.1, este de nivelul AA și face parte din EN 301 549 (clauza 9.1.3.5). Legea 232/2022 se bazează pe standardul armonizat EN 301 549.

Ce cere criteriul

Scopul fiecărui câmp de introducere care colectează informații despre utilizator trebuie să poată fi determinat programatic atunci când:

• câmpul servește unuia dintre scopurile din lista WCAG Input Purposes for User Interface Components (secțiunea 7 din WCAG 2.1 și 2.2) — de exemplu name, given-name, family-name, email, tel, street-address, address-line1, postal-code, country, organization, bday, cc-name, cc-number, cc-exp, username, new-password, current-password; și
• tehnologia permite acest lucru. HTML îl permite, prin atributul autocomplete.

Se aplică doar datelor despre utilizator. Un câmp pentru un cod de reducere, o căutare de produse sau datele altei persoane nu este acoperit.

Greșeli tipice într-un magazin online

• câmpuri pentru nume, e-mail, telefon și adresă în pagina de finalizare a comenzii fără autocomplete;
• autocomplete="off" setat pe întregul formular de comandă „din motive de securitate”;
• valori invalide sau greșite, precum autocomplete="zip" sau autocomplete="name" pe câmpul de e-mail;
• adrese de facturare și de livrare separate fără tokenurile billing și shipping, astfel încât browserul o completează pe cea greșită;
• câmpuri de înregistrare și de autentificare fără username, new-password sau current-password.

Cum se verifică

Automat: verificatorul nostru semnalează valorile autocomplete care nu sunt valide sau nu sunt potrivite pentru câmp (regula autocomplete valid). Nu poate ști dacă un câmp fără autocomplete cere datele proprii ale utilizatorului, așa că atributele lipsă necesită o verificare manuală.

Manual: faceți o listă cu toate formularele: înregistrare, autentificare, cont, finalizarea comenzii, newsletter, contact. Pentru fiecare câmp care cere date personale ale utilizatorului, inspectați codul și comparați valoarea autocomplete cu lista WCAG. Testați dacă completarea automată a browserului completează câmpurile corecte.

Cum se remediază

• Adăugați tokenul corect la fiecare câmp, de exemplu <input type="email" autocomplete="email">.
• Folosiți tokenuri de secțiune pentru adrese: autocomplete="shipping postal-code" și autocomplete="billing postal-code".
• Eliminați autocomplete="off" de pe câmpurile cu date personale.
• Pe Shopify, WooCommerce și alte platforme, verificați suprascrierile din temă și din pluginuri ale formularelor de comandă și de cont; setările implicite ale platformei le pot seta deja.

Criterii conexe

• 1.3.1 Informații și relații — etichete legate de câmpuri.
• Lista de verificare WCAG 2.2 — inclusiv 3.3.7 Introducere redundantă și 3.3.8 Autentificare accesibilă (minim).
• Regulile testate de verificatorul nostru — toate regulile automate.

Întrebări frecvente

Ce câmpuri au nevoie de un atribut autocomplete?

Câmpurile care colectează informații despre utilizatorul însuși și corespund unuia dintre scopurile de introducere a datelor enumerate în WCAG, de exemplu name, email, tel, street-address, postal-code, country, cc-number sau new-password.

Se aplică 1.3.5 adresei destinatarului unui cadou?

Criteriul se limitează la informațiile despre utilizator. Câmpurile despre o altă persoană nu sunt obligate să își expună scopul, deși adăugarea tokenurilor de livrare (shipping) poate ajuta în continuare.

Este autocomplete="off" o neîndeplinire?

Pe un câmp care colectează date proprii ale utilizatorului enumerate în WCAG, da: scopul trebuie să poată fi determinat programatic, iar „off” nu îl identifică.

Ce găsește verificarea automată?

Verificatorul nostru semnalează valorile autocomplete invalide sau nepotrivite pentru câmp. Nu poate ști dacă un câmp fără autocomplete cere datele proprii ale utilizatorului, așa că atributele lipsă necesită o verificare manuală.