3.2.2 Podczas wprowadzania danych

/ Jak strony go nie spełniają

• Element select ładuje inną stronę od razu po wybraniu opcji i nie ma przycisku, którym można by potwierdzić wybór.
• Formularz wysyła się sam, gdy wypełnione zostaje ostatnie pole albo zaznaczone pole wyboru.
• Fokus przeskakuje do następnego pola po wpisaniu ustalonej liczby znaków, na przykład między częściami numeru telefonu, a nic na stronie o tym nie mówi.
• Zaznaczenie przycisku opcji otwiera nowe okno.
• Lista wyboru języka lub kraju przeładowuje całą stronę w innej wersji w chwili, gdy zmienia się jej wartość.

/ Jak sprawdzić samodzielnie

1. Przejdź tabulatorem do każdego elementu select i zmień jego wartość samymi strzałkami. Obserwuj, czy strona przechodzi gdzie indziej, wysyła formularz albo przenosi fokus, zanim naciśniesz Enter.
2. Zaznacz każde pole wyboru i wybierz każdy przycisk opcji spacją i strzałkami, szukając tych samych trzech rzeczy.
3. Wpisuj tekst w pola, także te podzielone na kilka okienek, i zanotuj każde miejsce, w którym fokus przenosi się bez naciśnięcia klawisza Tab.
4. Wyszukaj w źródle obsługę zdarzenia onchange, która wywołuje submit() albo ustawia location, bo to najczęstsza przyczyna.
5. Tam, gdzie wprowadzanie danych faktycznie powoduje zmianę kontekstu, sprawdź, czy zapowiada ją widoczna instrukcja umieszczona przed kontrolką.

/ Jak to naprawić

• Dodaj obok elementu select element button typu submit i przechodź na inną stronę przy wysłaniu formularza, a nie przy zdarzeniu change.
• Usuń wywołania form.submit() z obsługi zdarzeń change i blur i pozwól, żeby użytkownik wysłał formularz przyciskiem.
• Nowe okna otwieraj tylko z linków i przycisków, nigdy przy zmianie przycisku opcji, pola wyboru ani listy select.
• Gdy wybór musi zaktualizować stronę, zmieniaj na miejscu treść znajdującą się za kontrolką i zostaw fokus tam, gdzie jest.
• Jeśli automatyczne zachowanie musi zostać, opisz je w tekście umieszczonym przed kontrolką, żeby został odczytany, zanim użytkownik do niej dotrze.

/ Co sprawdza nasz skaner

Jedyna automatyczna reguła w tym miejscu, H32.2 z HTML_CodeSniffer, zgłasza element form bez przycisku wysyłania: bez input typu submit lub image, bez button, który wysyła formularz, i bez zewnętrznego przycisku powiązanego z nim atrybutem form. To wskazówka, że formularz może wysyłać się przy zmianie wartości, i niczego nie dowodzi. Test nigdy nie obsługuje kontrolek, więc nie wykryje listy select, która przenosi na inną stronę po zmianie wartości.