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

Scrum Software Development : Tooltip is not accessible for keyboard & screen reader users.

    XMLWordPrintable

Details

    Description

      Issue Summary

      In "Scrum software development" modal dialog, the tooltip content which appears when user click on element (what’s a project key) is inaccessible for keyboard & screen reader users.

      Note: This issue exists for all different types of project templates.

      Bug Ref: 734059

      Steps to Reproduce

      1. Navigate to Jira dashboard page.
      2. Navigate to "Projects" menu in header section & activate "Create project" link.
      3. Select "Scrum software development" option & press "Next" button
      4. Press "Select" button on the workflow screen.
      5. Navigate to element (what’s a project key) element.

      Actual Results

      While navigating with Keyboard & screen reader, the tooltip content which appears when user click on element (what’s a project key) is inaccessible for keyboard & screen reader users. 

      Currently the tooltip content is available only when user click on the link with mouse.

      This makes keyboard & screen reader users difficult to understand the tooltip content effectively.

      Expected Results

      The tooltip content which appears when user click on element (what’s a project key) should be accessible for keyboard & screen reader users.

      Apply the following fixes.

      1. Mark the element inside native <button> element so that it receives keyboard focus.
      2. Provide aria-label="What's a project key" to the button element.
      3. When user navigate to the  with keyboard tab key, the tooltip should be displayed & screen reader should announce it.
      4. The tooltip should get closed with 'Esc' key.
      5. Provide role="tooltip" to the tooltip element.
      6. Associate the tooltip content with the button element via aria-describedby attribute which will help screen reader to announce.
      7. The tooltip content should be hoverable, persistent & dismissible via keyboard.
      8. The code of tooltip content should be present right after the triggering button element instead of at the end of page.

      For more information refer to following 'Tooltip' component page.

      https://hello.atlassian.net/wiki/spaces/A11Y/pages/1334491247/Tooltips#Developers

      Screenshot

      Workaround

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

      Attachments

        Issue Links

          Activity

            People

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: