Идентифициране на целта на полетата за въвеждане
Полетата на формуляри, събиращи стандартна лична информация — имена, имейл, телефон, адрес, кредитна карта — трябва програмно да декларират целта си чрез HTML атрибута autocomplete. Това позволява на браузърите да попълват автоматично, а на помощните инструменти — да персонализират интерфейса.
Какво изисква критерият
За всяко от 53-те специфични полета с потребителска информация, изброени в WCAG (name, email, tel, street-address, cc-number, bday, country и др.), полето за въвеждане трябва да включва съответния autocomplete токен. Целта не е удобството при автоматично попълване от браузъра — помощните инструменти (клавиатури за символни системи, приложения за AAC, когнитивни разширения) могат да заменят etикетите на формуляра с икони, преводи или алтернативни методи за въвеждане само ако целта на полето е машинночетима.
Как да се изпълни
- Добавете
autocomplete="email"към полета за имейл,autocomplete="given-name"— за собствено иautocomplete="family-name"— за фамилно. - Използвайте
autocomplete="tel"за телефон,autocomplete="street-address",autocomplete="postal-code",autocomplete="country". - За платежни формуляри използвайте
autocomplete="cc-name",cc-number,cc-exp,cc-csc. - Вижте пълния списък в HTML спецификацията — тези токени са нормативни.
- Комбинирайте с
<input type="email">,type="tel">,type="url">за правилни клавиатури на екрана. - За нелични полета (поле за търсене, потребителска оценка) не е необходим autocomplete токен — критерият обхваща само 53-те вида лична информация.
Чести грешки
autocomplete="off"върху целия вход-формуляр „от съображения за сигурност” — активно нарушава изискването и нарушава работата на мениджърите на пароли.- Поле за имейл без autocomplete токен, поради което потребителите на символни клавиатури не могат да получат персонализиран метод за въвеждане.
- Адресни полета с надпис „Адресен ред 1”, но без
autocomplete="address-line1". - Полета за кредитна карта с персонализирано JavaScript автоматично попълване вместо нативния токен.
- Формуляр за регистрация с поле
name, събиращо пълното имe, безautocomplete="name".
Защо е важно
Този критерий за успех се пропуска масово, защото нарушението не е видимо — формулярът работи за типичните потребители, но потребителите с адаптивен метод на въвеждане получават стандартно изживяване. Добавянето на autocomplete токени е задача от около 30 минути за повечето процеси по регистрация и едновременно с това подобрява потребителското изживяване на всички (браузърното автоматично попълване работи по-добре).