Zasada 1: Postrzegalność 1.3 Możliwość adaptacji

1.3.5 Określenie pożądanej wartości

WCAG 1.3.5 Identify Input Purpose

W skrócie

Pola formularza z danymi osobowymi (imię, e-mail, telefon, adres) mają w kodzie oznaczony cel przez atrybut autocomplete, dzięki czemu przeglądarka może je wypełnić automatycznie.

Poziom
AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Programowanie
Jak to wykryć
Wykrywalne automatycznie

Komu i dlaczego to pomaga

Autouzupełnianie oszczędza wysiłku osobom z niepełnosprawnością ruchową i trudnościami poznawczymi, a także zmniejsza liczbę błędów.

  • Osoby z niepełnosprawnością ruchową
  • Osoby z trudnościami poznawczymi
  • Seniorzy

Jak zrobić to dobrze

  • Dodaj autocomplete z listy WCAG: name, given-name, family-name, email, tel, street-address, postal-code, address-level2 (miejscowość) itd.

Najczęstsze błędy

  • Brak autocomplete w polach e-mail, telefon, adres.
  • autocomplete="off" w formularzach kontaktowych bez powodu.
  • Nieprawidłowe wartości (np. autocomplete="mail" zamiast "email").

Przykład w kodzie

Dobrze
<label for="email">E-mail</label>
<input id="email" type="email" autocomplete="email">
<label for="tel">Telefon</label>
<input id="tel" type="tel" autocomplete="tel">

Jak to sprawdzić

  1. Sprawdź w kodzie pola z danymi użytkownika – czy mają poprawne wartości autocomplete?
  2. Spróbuj wypełnić formularz autouzupełnianiem przeglądarki.

Wykrywalne automatycznie. Narzędzia automatyczne (np. axe, WAVE, Lighthouse) wyłapią większość problemów z tym kryterium.

Czy to obowiązkowe?

Powiązane kryteria

3.3.7

Zbędne wprowadzanie danych

Poziom A Nowe w 2.2

W jednym procesie użytkownik nie musi ponownie wpisywać danych, które już podał – system uzupełnia je sam albo pozwala je wybrać (np. „adres do korespondencji taki sam jak zamieszkania”).

1.3.6

Określenie celu

Poziom AAA

Cel elementów interfejsu, ikon i regionów strony jest zapisany w kodzie (np. przez punkty orientacyjne ARIA), tak aby narzędzia wspomagające mogły je dostosować – np. zamienić ikonę na symbol znany użytkownikowi.

Ostatnia aktualizacja: .
Źródło: Understanding SC 1.3.5: Identify Input Purpose – oficjalne objaśnienie W3C (po angielsku).