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

Side navigation : Current element is not programmatically defined

    XMLWordPrintable

Details

    Description

      Issue Summary

      The link that is visually highlighted as currently relevant in the "Side navigation" section does not have a programmatically defined current page state.

      Note-This issue is also observed on "Filters board" and "Project setting"  pages please refer screenshot 2.

      Steps to Reproduce

      1. Navigate onto the above mentioned page.
      2. Navigate onto the mentioned instances and observe that one of the link is visually highlighted as currently relevant.
      3. Inspect its code.
      4. Observe that the current state is not programmatically defined.

      Actual Results

      The visually highlighted as currently active link in the "Side navigation" section does not have a programmatically defined current state. This might mislead or confuse the Screen reader and Voice recognition users.

      Expected Results

      Make sure that the current state is programmatically defined for the currently active link. Use “aria-current”. The possible specific values that “aria-current” accepts are “page”, “step”, “location”, “date”, “time”. As well, “true” and “false” can be used as a catch-all value to determine whether an element is current or not.

      Screenshot 1

      Screenshot 2

      Code snippet

      <a href="..." aria-current="page">Backlog</a>

       

      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 Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        Activity

          People

            Unassigned Unassigned
            773dd3a38dd5 Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: