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.

Sign up for GitHub

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

Jump to bottom

Address skipped heading level #105

Open
2 tasks
jenndiaz opened this issue Oct 13, 2022 · 0 comments
Open
2 tasks

Address skipped heading level #105

jenndiaz opened this issue Oct 13, 2022 · 0 comments
Labels
a11y Accessibility fixes Hacktoberfest

Comments

@jenndiaz
Copy link
Collaborator

Description

The project currently skips from H1 to and H3. This does not meet WCAG and could causing a confusing navigation for screenreader users.

How to visualize page structure with Wave

  1. install wave web accessibility evaluation tool browser extension
  2. run tool (on Mac cmd + shift + u)
  3. within summary sidebar, select structure tab
  4. Note the Orange alert concerning skipped heading level

Screenshot(s)

screenshot

Tasks

  • Address the skipped heading level
  • Ensure fix does not change styling

Resources

Deque Heading Order
@jenndiaz jenndiaz added Hacktoberfest design a11y Accessibility fixes and removed design labels Oct 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
a11y Accessibility fixes Hacktoberfest
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jenndiaz