Skip to content

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

@quinn-joyce

Description

@quinn-joyce

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions