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

Header: Missing menubar or menu role for the navigation links.

    XMLWordPrintable

Details

    Description

      Issue Summary

      The menu Dashboard/Projects/Issues etc present in the header region has no role=menubar.

      Steps to Reproduce

      1. In the Jira header, keep the screen reader on and navigate to the links such as "Dashboard", "Issues", "Projects" etc.
      2. Observe role has not been rendered to the screen reader users.

      Actual Results

      While navigating in the header region of the Jira with the screen reader turned on, the navigation links such as Dashboard/Projects/Issues etc are announced as links which are inappropriate. As a result, the screen reader users will not be able to understand the navigational functionality effectively.

      Expected Results

      When the screen reader users navigate in the header region, the menubar and its menuitems should be exposed to the screen reader users.

      Menu items with submenus are not links and must be excluded from list of links.

      • Provide role="menubar" in the <ul> element for the navigation links.
      • Provide role="menuitems" in the <li> element for the links.

      Refer to the following example of the navigation menubar.

      https://www.w3.org/WAI/ARIA/apg/example-index/menubar/menubar-navigation.html 

      Screenshot:

      Screen Recording:

      Screen Recording 2022-08-12 at 2.53.24 PM.mov

      Workaround

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

      Attachments

        1. nav.png
          nav.png
          873 kB
        2. QA JRASERVER-74189.mov
          17.18 MB
        3. QA JRASERVER-74189.png
          QA JRASERVER-74189.png
          811 kB
        4. Screen Recording 2022-08-12 at 2.53.24 PM.mov
          19.72 MB
        5. Screen Recording 2022-09-20 at 17.16.55.mov
          22.78 MB

        Issue Links

          Activity

            People

              aee694511cd1 Olena Lymar
              62201eea733d Athul Sudhan (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: