search

microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
164.44k stars 29.35k forks source link

Headings with Mismatched Levels Affecting Accessibility #227522

Open Bluefish0558 opened 2 months ago

Bluefish0558 commented 2 months ago

Does this issue occur when all extensions are disabled?: Yes/No

Description: Certain headings, such as "EXPLORER," "WORKSPACE," "OUTLINE," and "TIMELINE," have mismatched heading levels compared to their visual importance, making navigation challenging for screen reader users.

Steps to Reproduce:

User Impact: Screen reader users may struggle to navigate the page efficiently and accurately due to incorrect heading levels that do not reflect the visual importance of the content.

Expected Behavior: Headings should have levels that match their visual hierarchy on the page. For example, "EXPLORER" should be marked as <h3>, while "WORKSPACE", "OUTLINE," and "TIMELINE" should be marked as <h4>.

Actual Behavior: Headings are currently mismatched, with incorrect heading levels that do not correspond to their visual importance.

Headings with Mismatched
meganrogge commented 2 months ago

I'm not sure what you mean by "mismatched", they currently lack heading levels in general. Thoughts @rperez030 ?