Accompanying Files
Observation Details
Error message is displayed but
input field is not reflecting error state
error message is not programmatically connected to input
Remediation Notes
All input elements that can error must have a visually distinguishable error state. E.g. colored outline and added error icon
The input element must have a visible label (do not use placeholder as label) that stays visible while entering content
The input element must have a programmatic connection to the error message, e.g. by using
aria-describedbyon the input with the ID of the error message container