HTML & CSS · Middle · Question 70 of 75
How do you make a screen reader announce "Saved" after an async action without moving focus?
<div aria-live="polite">{{ statusMessage }}</div>- ✓Correct answer: Put the message in a live region (
aria-live="polite"orrole="status") that exists before the update - 2Show an
alert() - 3Add
tabindex="0"to the message
Explanation
Screen readers watch live regions for changes. The region must already be in the DOM; inserting it together with the text is often missed. Use assertive only for urgent errors.