An ARIA live region must exist in the DOM before the content it announces is inserted

Screen readers watch for mutations inside an element that already carries aria-live, role="status" or role="alert". Inserting the container and its message in the same operation usually announces nothing, because the region was not being observed when the text arrived. Render an empty region during initial page load and update its text content afterwards, ideally in a later frame or after a short delay.

The status role is polite and waits for a pause, while the alert role is assertive and interrupts, so reserve alert for genuine errors. Both are atomic by default, meaning the whole region is read rather than just the changed node. Repeating identical text does not re-announce in several screen readers, which is why a second identical validation message appears to be swallowed; clearing the region first, or varying the wording, works around it.