Accessibility · Junior · Question 44 of 75

Does a screen reader read an element with `display: none`?

1Yes, but only if it has aria-label on it
2Yes, screen readers ignore all of the CSS
3No, it's removed from the accessibility tree

Show the answer

Correct answer: No, it's removed from the accessibility tree

Explanation

display: none and visibility: hidden hide content from everyone. To hide something only visually, use a visually-hidden class.

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.