Forms: Labels, Hints, and Error Messaging

Use native labels, group related fields, and associate errors with controls using aria-describedby. Announce async validation and success states via polite live regions.

<label for="email">Email</label>
<input id="email" aria-describedby="email-hint email-error" />
<div id="email-hint">Use your work address.</div>
<div id="email-error" role="alert">Please enter a valid email.</div>