7. Forms
- 7.1. Use the
<label>
tag with thefor
andid
attributes to label form fields with a visible name - 7.2. Use the
aria-label
ortitle
attribute to label form fields that don’t have a visible label - 7.3. Add help text directly into the
<label>
tag - 7.4. Add
required
oraria-required="true"
to mandatory fields - 7.5. Add error messages and correction suggestions directly into the
<label>
tag - 7.6. Update the
<title>
element when the page reloads to display an error or confirmation message - 7.7. Group related fields with
<fieldset>
and<legend>
- 7.8. Organize the items of dropdown lists logically
- 7.9. In forms with multiple steps, identify the current step using
aria-current="step"