Forms — Demo Page

⚠ This form contains inputs with no associated <label>, aria-label, or aria-labelledby.

When a screen reader focuses an unlabelled input, it announces "edit text" or "text field" with no context. The user has no idea what to type.

Broken form (no labels)

How to fix it

<label for="email">Email address</label>
<input id="email" type="email" />

<!-- Or with aria-label -->
<input type="email" aria-label="Email address" />