Error message positioning (positioning)
Error messages are clearly visible and placed logically, ideally next to the relevant form field.
Error message inside label:
This error message is inside the <label> element of the input field instead of a separate association:
The (DOM/programmatic) structure of the above input field looks like this:
<label for="email">
Email
<span class="error"><b>Please enter a valid email.</b></span>
</label>
<input type="text" id="email" />
<span class="error"><b>Please enter a valid email.</b></span>
</label>
<input type="text" id="email" />