Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-19254

Your Work : Inappropriate heading structure

    XMLWordPrintable

Details

    Description

      Issue Summary

      On "Your Work" page, the inappropriate heading structure found for "Your work", "Your pull request (4)", "Recently closed pull requests" and "Repository search" text elements.

      Steps to Reproduce

      1. Open "Your Work" page.
      2. Inspect the code for mentioned headings. 
      3. Observe that the page has inappropriate heading structure.

      Screenshot

      Actual Results

      Heading structure is found to be inappropriate on the page. Text such as "Your work" is coded as <h2> and text such as "Your pull request (4)", "Recently closed pull requests" and "Repository search" are coded as <h3> which does not matches the visual hierarchy on the page. 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.
      Even though this is required at WCAG 2.1 at Level AAA, it is recommended that the discussed issue be addressed as screen reader users rely on headings heavily to understand the page structure.
       
      Provide <h1> for "Your work" text.
      Provide <h2> for "Your pull request (4)", "Recently closed pull requests" and "Repository search" text elements. 
       

      Code Snippet

      <h1>Your work</h1>
      ...
      <h2>Your pull request (4)</h2>
      ...
      <h2>Recently closed pull requests</h2>
      ...
      <h2>Repository search</h2>

      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 Sonoma Version 14.1
      Chrome - Version 119.0.6045.159 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 17.1 (19616.2.9.11.7)
      JAWS- Version 2023
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        Activity

          People

            482cfebf5b5a Matthew Hanselman
            8b74bced7d61 Shruti Chabukswar
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated: