Refine issues displayed : Inappropriate heading structure

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      On the "Refine issues displayed" page, the "Refine issues displayed" heading is inappropriately defined as heading level 2.

      Steps to Reproduce

      1. Navigate onto the above mentioned page.
      2. Navigate onto the mentioned instance and inspect its code.
      3. Observe that the mentioned instance uses inappropriate heading level.

      Screenshot

      Actual Results

      The "Refine issues displayed" heading does not follow the visual structure of the page. It is inappropriately defined as heading level 2 instead of heading level 1. As a result, screen reader users found it difficult to understand the page’s content structure.

      Expected Result

      The heading levels should correctly convey the relationship between the headings, such as the parent-child relationship between the headings. Provide an appropriate heading level to the mentioned heading text, such as <h1>, <h2>, <h3>, and so on.

      Code snippet

      <h1>Refine issues displayed</h1>

      Workaround

      Currently, there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOs Ventura 13.3.1
      Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.4 (18615.1.26.110.1)
      JAWS- Version 2023
      NVDA- Version 2023.3
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: