Skip to content

Input with aria-required, error-state error message not linked

What it sounds like

Username, edit text, required.

The error message doesn’t have any attributes linking it to the field, so the error message isn’t communicated to the user.

What it looks like

Please enter a value.

<label for="sle-3">Username</label>
<input id="sle-3" aria-required="true" class="has-error" />
<p class="error-message">Please enter a value.</p>