Uploaded image for project: 'Nuxeo Elements'
  1. Nuxeo Elements
  2. ELEMENTS-1594

Make tooltip usable with keyboard only when using a mobile device

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: 3.0.6
    • Fix Version/s: 3.1.x, 3.0.22
    • Component/s: A11y

      Description

      related to WCAG 2.1 level A criteria 2.1.1: Keyboard
      https://www.w3.org/TR/WCAG21/#keyboard

      Make tooltip usable with keyboard only when using a mobile device.

      The element uses device-dependent event handlers and is therefore not accessible by keyboard alone.

      Elements name: Tooltip contents
      1. Edit document, Delete document, Add to Collection, Add to Favorites, Share
      2. Preview, Download
      3. Deque test user, dequetest@text.com

      Location of the elements:
      1. Tooltip content, on the "Edit document" button, "Delete document" button, "Add to Collection" button, "Add to Favorites" button, "Share" button, in the header, just beside the "Search" button.
      2. Tooltip content, on the "Preview" icon button, "Download" icon button, just below the "Home Water damage - test" image, in the main content.
      3. Tooltip content, on the "DequeTest DequeTest" link, in the "Details" section, in the main content.

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

      Recommendation to fix
      RULE :
      Functionality MUST be available using the keyboard, unless the functionality cannot be accomplished in any known way using a keyboard.

      HOW TO FIX:
      Fix this issue by using device-independent event handlers instead of device-dependent handlers.

      Bad: <button ondblclick="foo()"">Next</button>
      Good: <button onclick="foo()"">Next</button>

      REFERENCE:
      Deque University:https://dequeuniversity.com/class/input-methods2/keyboard-input/functionality

      BACKGROUND:
      Some people cannot use a mouse due to vision or motor disabilities. Content that can be operated with a mouse must also be made operable with a keyboard. When content is operable through a keyboard, it becomes operable by a variety of assistive technologies such as speech input software, sip-and-puff software, on-screen keyboards, scanning software, and alternate keyboards.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 1 hour, 4 minutes
                  1d 1h 4m