Skip to content
Accessibility·Intermediate·Conceptual·1 min read

How do display:none and visibility:hidden affect accessibility?

Short interview answer

Content removed with display:none or visibility:hidden is normally excluded from the accessibility tree as well as visual interaction. Visually-hidden CSS uses a different technique to keep meaningful text available to assistive technology.

Key takeaway

Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.

← Back to Accessibility tree

Related questions