The LABEL element may be used to attach information to controls. Each LABEL element is associated with exactly one form control.

Uważam, że komunikat błędu można jak najbardziej podciągnąć pod tą definicję. Jest przecież bezpośrednio powiązany z daną kontrolką. Pytanie brzmi – jakie są korzyści takiego rozwiązania? Rozpatrzmy następujący formularz:

<form method="post" action="index.html">
  <div id="errors">
    <h2>Błędy</h2>
    <ul>
      <li><label for="name"><em>Imię i nazwisko</em>: Proszę podać imię i nazwisko</label></li>
      <li><label for="email"><em>Email</em>: Podany adres e-mail jest nieprawidłowy</label></li>
    </ul>
  </div>
  <div><label for="name">Imię i nazwisko <em>(wymagane)</em></label> <input type="text" name="name" id="name" value=""> <strong class="error"><label for="name">Proszę podać imię i nazwisko</label></strong></div>
  <div><label for="email">Adres e-mail <em>(wymagany)</em></label> <input type="text" name="email" id="email" value="Lorem ipsum"> <strong class="error"><label for="email">Podany adres e-mail jest nieprawidłowy</label></strong></div>
  <div><input type="submit" value="Wyślij formularz"></div>
</form>

Powyższy przykład na żywo
Takie rozwiązanie przypisuje bezpośrednio informację o popełnionym błędzie do danego pola formularza. Według mnie może to być bardzo istotne zwłaszcza przy długich formularzach, występujących poniżej linii zgięcia. Po przeładowaniu strony nie widzimy bezpośrednio formularza ani komunikatów błędu z nim powiązanych. Świadczy to przeważnie o niewłaściwym projekcie strony, ale przykra rzeczywistość jest taka, że od czasu do czasu musimy borykać się z tego typu problemami.

Moje pytanie brzmi – czy takie rozwiązanie jest prawidłowe (nie spotkałem się z nim na innych stronach) i czy przynosi użytkownikom jakąkolwiek korzyść? Osobiście zauważyłem już jeden problem. Kliknięcie na label w górnej liście błędów przenosi do odpowiedniego pola, ustawiając na nim focus. Nie ma jednak powrotu do listy błędów, i efekt może być taki, że znajdziemy się gdzieś w połowie formularza nie będąc jednocześnie całkowicie świadomym położenia swojego i innych pól, w których wystąpiły błędy.

Czuję, że ta technika ma przyszłość, ale obecnie nie jestem do końca pewien, jak to rozwiązać przy pomocy czystego HTML. Będę wdzięczny za wszelkie uwagi.