Fill in the blank: Use a _________ class to hide elements visually while keeping them accessible to screen readers.
- h4
- sr-only
- header
- form-label
Explanation: The correct answer is sr-only. This class is commonly used to hide elements visually on a webpage while ensuring they remain accessible to screen readers. It is a technique often employed for elements like skip navigation links, auxiliary content, or descriptive text that may not need to be visible but are essential for screen reader users to understand and navigate the content effectively. By applying the “sr-only” class, developers can remove elements from the visual display while still allowing screen readers to access and read out their content to users who rely on auditory cues. This approach helps maintain accessibility by ensuring that important information is available to all users, regardless of their browsing capabilities or assistive technology usage. Therefore, using the “sr-only” class is an effective method for improving accessibility and ensuring inclusivity in web design practices.