-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
High
-
Component/s: Incidents - Incidents
-
Severity 3 - Minor
-
Accessibility
Issue Summary
The text elements such as "www.npmjs.com website, "Package installation ", "Package publishing", "Package search " and so on are not defined using heading markup.
Steps to Reproduce
- Open Url:https://status.npmjs.org/ and sign in with valid credentials.
- Scroll down to the "Uptime" section.
- Scroll down to the "Past Incidents" section.
- Navigate onto the mentioned element and observe that it is not defined
- Inspect its source code.
Screenshot
Actual Results
The heading element used to convey the page structure, there are few text elements which is lacking html heading mark-up.
The text "www.npmjs.com website, "Package installation ", "Package publishing", "Package search " and so on are not defined using heading markup.
This resulted in screen reader users finding it difficult to understand the page content structure.
Expected Results
Mark up the mentioned text using appropriate HTML headings. In addition, use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.
Code Snippet
<h3>Package installation</h3>
Environment
MacBook Pro (14-inch, 2021)
macOs Ventura 13.3.1 (a) (22E772610a)
Chrome - Version 113.0.5672.63 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available