Issues: Heading mark-up used unnecessarily

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      Issue Summary

      The "Switch filter" button present next to "Open issues" heading text is coded as a heading unnecessarily.

      Steps to Reproduce

      1. Open “Issues” page.
      2. Navigate to the mentioned instance and inspect the code.
      3. Observe that the "Switch filter" is marked-up as a heading unnecessarily.

      Screenshot

      Actual Results

      When users navigate onto the mentioned button they observe that the button is coded along with the "Open issues" text as a heading unnecessarily. This will create confusion for screen reader users about the content structure.

      Expected Results

      Apply the following changes:

      • Remove the "Switch filter" button out from the <h1> heading mark-up.
      • This will help screen reader users to understand the page’s content structure effectively.

      Code Snippet

      <div class="aui-item subnavigation">
      <h1><span id="issues-subnavigation-title" class="subnavigator-title">Open issues</span></h1> 
      <button id="subnav-trigger" class="subnavigator-trigger aui-button aui-button-link aui-dropdown2-trigger" role="button" aria-label="Switch filter" aria-haspopup="true" resolved="" aria-controls="subnav-opts" aria-expanded="false">Switch filter</button>
      (...)
      </div>

       

      Workaround

      Not Available.

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Sonoma 14.2.1
      Chrome - Version 121.0.6167.85 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.2.1 (19617.1.17.11.12)
      JAWS- Version 2022
      NVDA- Version 2021.2
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rohan Sakpal (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: