HTML to obok formatu PDF jeden z najlepszych sposobów na tworzenie dostępnych formularzy. Aby były one jak najbardziej użyteczne, należy używać znaczników semantycznych. Są to odpowiednie elementy i atrybuty HTML, które pomagają czytnikom ekranu i innym technologiom pomocniczym zrozumieć formularz i poruszać się po nim. Najważniejsze z nich wykorzystywane do tworzenia formularzy, to:

• <form>

Znacznik ten służy do tworzenia formularza HTML. Przykład użycia:

<form>

<label for="fname">First name:</label><br>

<input type="text" id="fname" name="fname"><br>

<label for="lname">Last name:</label><br>

<input type="text" id="lname" name="lname"></form>

• <input>

Znacznik ten określa rodzaj danych wejściowych. Najczęściej wykorzystywany to text – pole służace do wprowadzania tekstu. Inne typy danych to na przykład:

<input type="checkbox">

<input type="radio">

<input type="email">

<input type="date">

<input type="number">

• <label>

Każde pole formularza powinno zawierać etykietę, aby użytkownik korzystający z technologii asystującej mógł dowiedzieć się co ma wpisać w danym polu. Dodatkowo, powinna ona być połączona z polem wprowadzania tekstu, poprzez atrybut etykiety for i atrybut pola id o tej samej wartości. Na przykład:

<label for="imie1">Imię:</label>

<input type="text" name="imie" id="imie1">

•  <fieldset> i <legend>

Podobne elementy służące do wprowadzania danych można pogrupować za pomocą elementu <fieldset>, a grupę taką można opisać za pomocą legendy, czyli elementu <legend>. Przykład użycia:

<fieldset>

<legend>Wybierz dodatki do pizzy:</legend>

<input id="szynka" type="checkbox" name="toppings" value="szynka">

<label for="ham">Szynka</label><br>

<input id="pepperoni" type="checkbox" name="toppings" value="pepperoni">

<label for="pepperoni">Pepperoni</label><br>

<input id="grzyby" type="checkbox" name="dodatki" wartość ="mushrooms">

<label for="mushrooms">Grzyby</label>

</fieldset>

Więcej informacji na temat tworzenia dostępnych formularzy HTML można znaleźć w poradniku konsorcjum W3C.