Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-74521

System Dashboard: Inappropriate heading structure.

    XMLWordPrintable

Details

    Description

      Issue Summary

      Heading structure is found to be inappropriate on the page. Text such as "Introduction", "Assigned to me", "Activity stream", etc are marked as <h3> and "Your company Jira" is marked as <h3> inappropriately.

      Steps to Reproduce

      1. Navigate with screen reader turned on.
      2. Use heading shortcut to navigate.
      3. Observe that the heading level is skipped.

      Actual Results

      While navigating with screen reader, when user use heading shortcut such as H (in jaws) & Ctrl + Opt + Cmd + H (In VoiceOver) to navigate through headings, the heading levels are skipped. The <h3> level is used right after <h1> inappropriately. This makes screen reader users difficult to understand the page content structure effectively.

      Expected Results

      The heading levels should be announced as per the visual hierarchy by screen reader to understand the page structure.

      Update the heading levels of the mentioned text as below.

      • <h2>Introduction</h2>
      • <h2>Assigned to me</h2>
      • <h2>Activity stream</h2>
      • <h3>Your company Jira</h3>

      This match visual hierarchy & becomes easy for screen reader users to understand the page structure.

      Screenshot

      Workaround

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

      Attachments

        1. Screenshot 2022-11-14 at 5.10.20 PM.png
          819 kB
          ssuryavanshi
        2. QA JRASERVER-74521.png
          1.41 MB
          Akhilesh Paradhi

        Issue Links

          Activity

            People

              ac25cb55d206 Oleksandr Zghonnyk
              4b5b126a48d0 ssuryavanshi
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: