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. Screen Recording 2022-09-13 at 9.08.31 AM.mov
          30.33 MB
          Athul Sudhan
        2. Screen Recording 2022-09-01 at 2.14.37 PM.mov
          52.79 MB
          Athul Sudhan
        3. nav12.png
          698 kB
          Athul Sudhan
        4. nav1.png
          1.64 MB
          Athul Sudhan
        5. MicrosoftTeams-image (6).png
          583 kB
          Athul Sudhan
        6. 74192-after-fix.png
          2.06 MB
          Oleksandr Stoliar

        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: