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

Projects: Landmark defined inappropriately

XMLWordPrintable

      Issue Summary

      The main region is defined twice on the page inappropriately.

      Steps to Reproduce

      1. Open "Bitbucket" homepage.
      2. Navigate onto and activate "Projects" link from header section.
      3. Inspect the code and verify that mentioned landmark is defined twice incorrectly.

      Screenshot

      Actual Results

      The main landmark is defined inappropriately using <section role="main"...> and <main> elements on the page. This will create confusion for screen reader users.
      As a result, screen reader users might not be able to identify the exact main region and navigate between different regions quickly.

      Expected Results

      Remove <main> which also contains role="main" from the source code and Keep the <section role="main" ...> element.

      Code Snippet

      <section id="content" role="main" tabindex="-1" data-timezone="0">
      (...)
      <div id="main" class="aui-page-panel-content">
      (...)
      </div>
      </section> 

      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 14.7
      Chrome - Version 119.0.6045.105 (Official Build) (64-bit)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.6 (18615.3.12.11.2)
      JAWS- Version 2023
      NVDA- Version 2021.2
      Voiceover - Version Latest

              Unassigned Unassigned
              75e99cd1893f Naeem Solkar
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: