Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
corinneling opened this issue Oct 6, 2020 · 0 comments
Open

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

corinneling opened this issue Oct 6, 2020 · 0 comments

Comments

@corinneling
Copy link

corinneling commented Oct 6, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant