Dashboards | Gadgets: Inappropriate heading structure

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The headings such as "Today", "Yesterday", "Wednesday", and so on are defined as heading level 2.

      Steps to Reproduce

      1. Open the Jira Cloud Homepage.
      2. Navigate to and select the "Dashboards" section within the side navigation panel.
      3. Open an existing default dashboard or create a new dashboard as necessary.
      4. Add the "Activity Streams" gadget to the dashboard.
      5. With a screen reader, navigate through the page using the down arrow (JAWS/NVDA) and VO+Left arrow/Right arrow (VoiceOver).
      6. Observe that the mentioned headings have incorrect heading markup as per visual hierarchy.

      Screenshot

      Actual Results

      The headings such as "Today", "Yesterday", "Wednesday", and so on do not match the visual hierarchy on the page. These headings are inappropriately defined as heading level 2 instead of heading level 4.

      As a result, screen reader users found it difficult to understand the page's content structure.

      Expected Results

      The heading levels should be announced as per the visual hierarchy by screen reader to understand the page structure for their users. Use heading levels as per specification such as <h1> should be followed by <h2>, <h3> and so on.

      In this scenario, mark the headings "Today", "Yesterday", "Wednesday", and so on as level 4.

      Note: This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.

      Code Snippet:

      <div ..>
      <ul>
      <h4 class="date-header">Today</h4>
      ...
      <h4 class="date-header">Yesterday</h4>
      ...
      <h4 class="date-header">Wednesday</h4> 
      ...
      </div>
      </ul> 

      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 26.4
      Windows - 11 pro
      Chrome - Version 148.0.7778.97 (Official Build) (arm64)
      Firefox - Version 150.0.1
      JAWS - Version 2025
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

              Assignee:
              Unassigned
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: