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

Side Navigation: Missing unique labels of navigational landmarks

    XMLWordPrintable

Details

    Description

      Issue Summary

      Missing unique labels of navigational landmarks across the web page.

      Steps to Reproduce

      1. In the Jira, keep the screen reader on and navigate to the header region i.e the navigation section.
      2.  Navigate and activate any Projects that are available.
      3. Navigate and activate the "Issues" from the side navigation.
      4. Turn on the screen reader and try to search for landmark regions.

       

      Actual Results

      When the users navigate with the help of the screen reader, the landmark area such as the Side navigation region does not have any unique label name. Thus the screen reader users might find it difficult to understand the landmark region and its content.

      Note: This was observed on the "Scrum Board Issue Page".

      Expected Results

      While navigating through the web page the landmarks should have a unique label for more than two landmarks. Here the Side navigation landmark should have a unique label, so that the assistive technology users will be able to distinguish between different navigation landmarks present in a single page.

      For example- A navigation landmark with the label "Sidebar Navigation" will be announced by a screen reader as "Sidebar Navigation Navigation". The label should simply be "Sidebar". Provide the label in an aria-label or in aria-labelledby. 

      Refer to this link: https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/#aria_lh_navigation

      Screenshot:

      Screen Recording:

      Screen Recording 2022-09-01 at 2.14.37 PM.mov

      Workaround

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

      Attachments

        1. 74192-after-fix.png
          74192-after-fix.png
          2.06 MB
        2. MicrosoftTeams-image (6).png
          MicrosoftTeams-image (6).png
          583 kB
        3. nav1.png
          nav1.png
          1.64 MB
        4. nav12.png
          nav12.png
          698 kB
        5. Screen Recording 2022-09-01 at 2.14.37 PM.mov
          52.79 MB
        6. Screen Recording 2022-09-13 at 9.08.31 AM.mov
          30.33 MB

        Issue Links

          Activity

            People

              a955dc6cda19 Oleksandr Stoliar
              62201eea733d Athul Sudhan (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: