HTML & CSS · Middle · Question 69 of 75

Why add `aria-hidden="true"` to a decorative icon next to a button label?

<button><svg aria-hidden="true">...</svg> Save</button>

✓Correct answer: So screen readers skip the icon and announce only "Save"
2So the icon is hidden visually
3So the icon can't be clicked

Explanation

Never put aria-hidden on focusable elements - keyboard users would reach something that screen readers can't describe.

Further reading

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.