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

Assignment list item headings skip a level compared to the previous heading #272

Open
henrycatalinismith opened this issue Oct 15, 2022 · 0 comments

Comments

@henrycatalinismith
Copy link

Steps to reproduce

  1. Go to the assignments page
  2. Press ⌘ + F5 to start VoiceOver.
  3. Press ^⌥U to open the rotor.
  4. Press and to find the headings menu.

Expected outcome

The assignment list item headings should be one level below the previous heading level. The headings menu is an important tool for screen reader users, and the heading levels are a key part of that. They give a quick, high-level overview of the structure of the page and the relationships between the sections. This use case falls under WCAG success criterion 1.3.1.

Actual outcome

The assignment list item headings are level three, skipping a level compared to the previous heading, which is the level one heading at the top of the page.

Screenshot showing the VoiceOver rotor with the headings menu active

Severity

The success criterion covering this issue is WCAG level A – the minimum level. Most organizations aim for a conformance level of AA, which includes all level A criteria. Messy heading levels alone are unlikely to prevent anyone from achieving their goals in the app but due to the basic level A conformance level this is still moderately severe.

Recommendation

Change these from <h3> to <h2>.

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