Jesteś tutaj:Strona główna / WCAG 2.0 Zasada 2: Funkcjonalność / Wytyczna 2.4 Nawigacja / 2.4.3 Kolejność zaznaczenia (A)

2.4.3 Kolejność zaznaczenia (A) - WCAG 2.0

Kolejność nawigacji po linkach, elementach formularzy, itp. powinna być logiczna i intuicyjna.
Poniższy przykład przedstawia fragment wyszukiwarki, w której należy podać imię i nazwisko kobiety i mężczyzny.

Widok formularza

Podczas poruszania się pomiędzy polami formularza, np. przy pomocy klawisza Tab, gdy nie jest określona kolejność poruszania, najpierw aktywne będzie pole „imię mężczyzny”, potem „imię kobiety”, „nazwisko mężczyzny” i na końcu „nazwisko kobiety”. Kolejność nie jest logiczna, dlatego w tym wypadku należy ją określić za pomocą atrybutu „tabindex”.

Przykładowy kod

<table>

<tr>
   <th>Kryterium</th>
   <th>Mężczyzna</th>
   <th>Kobieta</th>
 </tr>
 <tr>
  <th>Imię</th>
  <td><input type="text" value="" name="m_imie" title="Podaj imię mężczyzny" tabindex="1"></td>
  <td><input type="text" value="" name="f_imie" title="Podaj imię kobiety" tabindex="3"></td>
 </tr>
 <tr>
  <th>Nazwisko</th>
  <td><input type="text" value="" name="m_nazwisko" title="Podaj nazwisko mężczyzny" tabindex="2"></td>
  <td><input type="text" value="" name="f_nazwisko" title="Podaj nazwisko kobiety" tabindex="4"></td>
 </tr>

</table>

Powrót do: Wytyczna 2.4 Nawigacja