Help Text and Required Fields, Announced
Surface hints and requirements to assistive tech.
Labels Are Just the Start
A field often needs more than a name. Hints and requirements must reach assistive tech, not just sighted eyes. 📝
Tie Hints With aria-describedby
Put help text in an element, then point the input's aria-describedby at its id. Now the hint reads after the label.
<input id="pw" aria-describedby="pwhelp">
<p id="pwhelp">At least 8 characters</p>All lessons in this course
- Every Input Needs a Real label
- Placeholder Is Not a Label
- Grouping Fields With fieldset and legend
- Help Text and Required Fields, Announced