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-describedby on the input with the ID of the error message container