Uploaded image for project: 'Nuxeo Web UI'
  1. Nuxeo Web UI
  2. WEBUI-556

Make comments kebab menu usable with keyboard only

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Critical
    • Resolution: Unresolved
    • Affects Version/s: 3.0.6
    • Fix Version/s: 3.0.x
    • Component/s: A11y

      Description

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

      Make comments kebab menu usable with keyboard only.

      Element name: More menu button

      Location of the element: More options menu button, just beside the comment, in the "Comments" tab section, under the "Tags" heading, in the main content.

      Steps to reproduce:
      1. Enter any comment in the "Write a comment here" edit field.
      2. Then click on the "Save" button. Then the comment will add in the comments tab section.
      3. Then hover on the comment, then the "More options" button will display.
      Ex: dequetestusera comments

      Note: Same issue applicable for all "More options" menu buttons, just beside the each comment.
      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 ensuring the component can be used by the keyboard OR by providing a conformant alternate functionality method for the action

      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:
                2 Start watching this issue

                Dates

                • Created:
                  Updated: