Стандарти · WCAG 2.2

SC 1.3.5 Ниво AA WCAG 2.1

Идентифициране на целта на полетата за въвеждане

Полетата на формуляри, събиращи стандартна лична информация — имена, имейл, телефон, адрес, кредитна карта — трябва програмно да декларират целта си чрез 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 минути за повечето процеси по регистрация и едновременно с това подобрява потребителското изживяване на всички (браузърното автоматично попълване работи по-добре).