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

Viewing an issue : Heading semantics used inappropriately

    XMLWordPrintable

Details

    Description

      Issue Summary

      On the “Viewing an issue” page, the “Kanban boards are often divided into streams of work...” button is inappropriately included within the heading markup.

      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 is not titling any content.
      4. Observe that the heading semantic has been used inappropriately.

      Screenshot

      Actual Results

      The“Kanban boards are often divided into streams of work...” button uses a heading tag. However, this element does not title or categorise any content. As a result, users of a screen reader will not be able to understand the page’s content structure. 

      Expected Results

      Elements that do not title or categorise any content should not use heading tags. Use CSS to style the content if required. Do not use heading tags, such as <h1>, <h2>, and so on, unless the elements title or categorise other content.

      In this scenario, remove the button from the <h2> element in the DOM.

      Code Snippet

      <h2>Kanban boards are often divided into streams of work...</h2>
      <button>Edit summary</button>
      

      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 Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        1. image-2023-05-04-15-29-12-591.png
          859 kB
          Varsha Bansode
        2. Screenshot 2024-02-16 at 12.44.19 PM.png
          486 kB
          Rahul Patil

        Activity

          People

            b5681d69ff53 Maciej Szarecki
            773dd3a38dd5 Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: