Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-12095

Add comment to issue : Inaccessible by keyboard and no conforming alternative.

      Issue Summary

      The element is not accessible by keyboard alone and there is no conforming accessible version of the same functionality reachable from the non-conforming page.

      Elements name:
      1. WAITING FOR SUPPORT
      2. -3w 4d
      3. "Down arrow" icon
      4. WAITING FOR APPROVAL
      5. "Question mark icon" i.e. '?' icon

      Location of the elements: Tooltip triggering buttons, in the below sections.
      1. Details
      2. SLAs
      3. Past approvals
      4. Service project request

      Additional details: While hovering on the above-mentioned buttons, displaying tooltip contents.

      Tested URL

       

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      When additional content is triggered on pointer hover or on keyboard focus, that additional content MUST be visually perceived and MUST be dismissible.

      HOW TO FIX:
      Fix this issue by ensuring that content that appears on mouse hover or keyboard focus meets ALL of the following requirements:
      1. Dismissible: If the content obscures or replaces other content, it can be dismissed via keyboard without moving mouse hover or keyboard focus - such as by pressing the Escape key.
      2. Hoverable: If the content is triggered by mouse hover, the user can move the mouse pointer to the content without the content disappearing.
      3. Persistent: The content stays visible until mouse hover or keyboard focus is moved or it is dismissed by the user (see #1 above), or the information is no longer valid.

      REFERENCE:
      WCAG Understanding document: https://www.w3.org/WAI/WCAG21/Understanding/content-on-hover-or-focus

      BACKGROUND:
      Content that appears on mouse hover or keyboard focus - such as tooltips, drop-down menus, and popups - can cause difficulties for people with disabilities. For people with low vision who use screen magnification, such content can be too large to fit in the magnified viewport or it may obscure other information on the screen. People with motor disabilities may have difficulty keeping the mouse pointer over the popup trigger. Sometimes, popup content is displayed only temporarily and may not give people with disabilities time to read the content. Content that appears on hover or focus should be dismissible, hoverable, and persistent. When these conditions are met, users have more control over interaction with the content.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 745899

      Bulldog Ref:

          Form Name

            [JSDSERVER-12095] Add comment to issue : Inaccessible by keyboard and no conforming alternative.

            No work has yet been logged on this issue.

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: