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

System dashboard: hidden instructions are announced by screen reader.

    XMLWordPrintable

Details

    Description

      Issue Summary

      System dashboard: hidden instructions are announced by screen reader.

      Steps to Reproduce

      1. Turn on screen reader.
      2. Navigate to system dashboard page.
      3. Navigate through page with up/down arrow keys.
      4. After "show more activity" link observe that hidden text is announced.

      Actual Results

      While navigating on the page with up/down arrow keys,  After "show more activity" link observe that hidden text "To move an item, select with Space and move with Ctrl/Cmd + Arrow keys" is announced.

      These instructions were added earlier for the drag & drop functionality on following pages

      • issues on backlog page 
      • releases page
      • Gadgets on edit dashboard page. 

      But they are not required on the system dashboard page. Also the elements <div class="gadget-container"> have aria-labelledby attributes provided unnecessarily.

      Screen recording

      JRASERVER-76135-QA.mp4

      Expected Results

      Remove the hidden instruction from the code from system dashboard page. 

      Also on other pages where instructions are provided ensure that they are cleared from DOM as soon as drag/drop functionality is completed.

      Remove aria-labelledby attributes from <div class="gadget-container"> 

      Workaround

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

      Attachments

        Activity

          People

            Unassigned Unassigned
            4b5b126a48d0 ssuryavanshi
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: