Example
Payment form errors are not announced to assistive technology.
- Evidence
- Submitting the form with an empty card field renders the message in red beside the field, but it is not associated with the input and is not placed in a live region.
- Who it affects
- A screen reader user receives no signal that submission failed: the form appears to have done nothing at all.
- Recommended fix
- Associate the message with the field using aria-describedby, mark the field aria-invalid="true", and either move focus to the first field in error or announce the summary in a container with role="alert".
- Acceptance criteria
- With a screen reader running, submitting the form with an invalid field announces the error and lets you reach the affected field without looking for it.