What is the purpose of offscreen or visually-hidden content techniques?

• A. Improve on-screen readability
• B. Hide content visually while keeping it accessible to screen readers
• C. Stop content from loading
• D. Increase page reflow

Answer: (B)

Offscreen or visually-hidden content is a technique used to provide information to assistive technologies without displaying it on the screen. The purpose is to make interfaces accessible to screen reader users by supplying labels, descriptions, or context that sighted users don’t need to see. For example, an icon button can have a visually-hidden label so a screen reader can announce its function, or a long description can exist off the visible area but still be read by a reader. The content stays in the page flow so it’s available to assistive tech, while remaining invisible to those viewing the page. This practice supports inclusive design and doesn’t aim to stop loading or change layout; it simply bridges the gap between what’s visible and what’s accessible.