sparkbox / apprentice-at

An online listing of apprenticeship opportunities.
https://apprentice.at/
3 stars 4 forks source link

fix: filter functionality on home to be accessible (wip) #294

Open corinneling opened 4 years ago

corinneling commented 4 years ago

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: Apprentice_at-filter