WCAG 1.3.5 Určení účelu vstupu

Kritérium úspěšnosti 1.3.5 usnadňuje formuláře lidem s kognitivním, paměťovým nebo motorickým postižením. Když pole v kódu říká, k čemu slouží — „toto je e-mail“, „toto je PSČ“ — prohlížeče ho umí vyplnit a asistivní nástroje mohou zobrazit známé ikony nebo popisky. Kritérium přibylo ve WCAG 2.1, jde o úroveň AA a je součástí normy EN 301 549 (článek 9.1.3.5). Na harmonizovanou normu EN 301 549 odkazuje i český zákon č. 424/2023 Sb.

Co kritérium vyžaduje

Účel každého vstupního pole, které sbírá informace o uživateli, musí být programově určitelný, když:

• pole slouží jednomu z účelů v seznamu WCAG Input Purposes for User Interface Components (oddíl 7 WCAG 2.1 a 2.2) — například 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; a
• technologie to podporuje. HTML to podporuje pomocí atributu autocomplete.

Týká se to jen údajů o uživateli. Pole pro slevový kód, vyhledávání produktů nebo údaje jiné osoby pokryta nejsou.

Typické chyby v e-shopu

• pole pokladny pro jméno, e-mail, telefon a adresu bez autocomplete;
• autocomplete="off" nastavené na celém formuláři pokladny „kvůli bezpečnosti“;
• neplatné nebo chybné hodnoty, jako autocomplete="zip" nebo autocomplete="name" na poli pro e-mail;
• samostatné fakturační a doručovací adresy bez tokenů billing a shipping, takže prohlížeč vyplní tu špatnou;
• pole registrace a přihlášení bez username, new-password nebo current-password.

Jak to zkontrolovat

Automaticky: náš nástroj označí hodnoty autocomplete, které nejsou platné nebo k poli nesedí (pravidlo platný autocomplete). Nepozná, zda pole bez autocomplete žádá vlastní údaje uživatele, takže chybějící atributy vyžadují ruční kontrolu.

Ručně: sepište všechny formuláře: registraci, přihlášení, účet, pokladnu, newsletter, kontakt. U každého pole, které žádá osobní údaje uživatele, prohlédněte kód a porovnejte hodnotu autocomplete se seznamem WCAG. Vyzkoušejte, že automatické vyplňování prohlížeče vyplní správná pole.

Jak to opravit

• Ke každému poli přidejte správný token, například <input type="email" autocomplete="email">.
• U adres použijte tokeny sekcí: autocomplete="shipping postal-code" a autocomplete="billing postal-code".
• Z polí s osobními údaji odstraňte autocomplete="off".
• Na Shopify, WooCommerce a dalších platformách zkontrolujte, zda šablona nebo pluginy nepřepisují formuláře pokladny a účtu; výchozí nastavení platformy je už může obsahovat.

Související kritéria

• 1.3.1 Informace a vztahy — popisky propojené s poli.
• Kontrolní seznam WCAG 2.2 — včetně 3.3.7 Opakované zadávání a 3.3.8 Přístupné ověřování.
• Pravidla, která náš nástroj testuje — všechna automatická pravidla.

Časté otázky

Která pole potřebují atribut autocomplete?

Pole, která sbírají informace o samotném uživateli a odpovídají jednomu z účelů vstupu uvedených ve WCAG, například name, email, tel, street-address, postal-code, country, cc-number nebo new-password.

Platí 1.3.5 i pro adresu obdarovaného?

Kritérium se týká informací o uživateli. Pole o jiné osobě svůj účel uvádět nemusí, i když přidání tokenů pro doručení může přesto pomoci.

Je autocomplete="off" chybou?

U pole, které sbírá vlastní údaje uživatele uvedené ve WCAG, ano: účel musí být programově určitelný a „off“ ho neurčuje.

Co najde automatická kontrola?

Náš nástroj označí hodnoty autocomplete, které jsou neplatné nebo k poli nesedí. Nemůže vědět, zda pole bez autocomplete žádá vlastní údaje uživatele, takže chybějící atributy je třeba zkontrolovat ručně.