We want to let screen reader users know when they reach the section on the home page that is a filter functionality and what they can expect from interacting with that section.
To do this we could add a visually hidden header along with a paragraph description (adding a paragraph description might be unnecessary?)
Set the visually hidden header to an h3 with the following styles:
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
See screenshot of filter section on home page:
We want to let screen reader users know when they reach the section on the home page that is a filter functionality and what they can expect from interacting with that section.
To do this we could add a visually hidden header along with a paragraph description (adding a paragraph description might be unnecessary?)
Set the visually hidden header to an
h3with the following styles:See screenshot of filter section on home page:
