Accessibility · Junior · Question 49 of 75

A toast says "Saved" but screen readers stay silent. What can fix it?

1Put it in a live region, like role="status"
2Give the toast a much higher z-index value
3Set tabindex="0" on the toast's text element

Show the answer

Correct answer: Put it in a live region, like role="status"

Explanation

Screen readers don't watch the page for visual changes. A live region that exists before the text changes makes them announce the update.

Further reading

Test yourself

Take the Accessibility · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.