4.1.3 Status Messages

Status messages are not announced

A message appeared without a live region, so a screen reader isn't told about it.

Who it affects. Screen reader users aren't told that "Saved" or "3 results" appeared, so they don't know whether their action worked.

How to fix it. Put the message in a container with role="status" (or role="alert" for errors) that is on the page before the message is inserted.

<div role="status"></div>
<!-- later: set its text to "Saved" -->

<div role="status">{saved ? "Saved" : ""}</div>