Comments - Add inline : Action cannot be performed by keyboard alone

XMLWordPrintable

    Issue Summary

    The keyboard-only user is not able to add inline comments by selecting the text.

    Steps to Reproduce

    1. Open URL to the page
    2. Navigate to Spaces and select page from "Recent pages".
    3. Try to navigate on the tooltip icon using keyboard and observe whether the content is accessible for keyboard-only users or not.

    Screenshot

    Actual Behaviour

    When the user selects text and try to hover it a tooltip appears the same functionality is not accessible for keyboard only users.

    This made it difficult for keyboard-only and screen-reader users to access the content.

    Expected Result

    Following is the expected keyboard behaviour.

    • There should be an interactive element such as a button on the page which will allow users to enable/disable the comments view mode.
    • When a user activates the "comments view mode" button the comments view mode should be enabled.
    • Keyboard & screen reader users should be able to navigate to any text content present on the page using navigation or tab keys.
    • When the user focuses on the text content by pressing shift + left/right/up/down arrow keys users should be able to select the text to add comments.
    • When the user presses enter after selecting the text, the "Add inline comment" button should be displayed above the selection.
    • By pressing the tab key the user should be able to focus on the "Add inline comment" button.

    Considering the above approach, design updates must be required to achieve this behaviour.

    Bug Ref: 725340

    Workaround

    • The user can press the 'v' shortcut to read and reply to existing inline comments.
    • Additionally, the user can write comments at the bottom of the page using the keyboard.

          Assignee:
          Zac Xu
          Reporter:
          Matthew Brennan
          Votes:
          2 Vote for this issue
          Watchers:
          10 Start watching this issue

            Created:
            Updated:
            Resolved: