Frontend & browser·Accessibility and semantics
the extra context is in the markup for screen readers but takes up no visible space on the page.
Visually hidden
Also calledsr-only, screen reader only
A CSS pattern that removes content from view while leaving it in the accessibility tree, used for context a sighted user gets from layout. It has to be the clipping-based pattern: `display: none` and `visibility: hidden` remove it from assistive technology too, and moving it far off-screen creates scroll bugs. Overusing it produces a page that reads quite differently from how it looks, which is its own accessibility problem.