Error message association (error-association)
Ensure each error message references its corresponding input (e.g.,
via aria-describedby)
Placeholder as error message:
This <input> has placeholder instead
of actual error message:
The (DOM/programmatic) structure of the above input field looks like
this:
<input type="text" placeholder="This is a sample error message"
name="text" style="min-width: 400px" id="text" />
Note: Hard to automatically test or detect. Requires a human tester or AI
to determine if error messages can be considered properly linked & placed.