Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-67881

User cannot immediately close the message drawer via keyboard after expanding it

XMLWordPrintable

    • MOODLE_37_STABLE
    • MOODLE_38_STABLE
    • MDL-67881-master
    • Hide

      Please test this using themes Classic and Boost

       

      Test the Message drawer focus order from the navbar

      1. Login as admin
      2. Navigate to any Moodle page
      3. Use your keyboard to tab to the messaging button
      4. Hit enter to open the message drawer
      5. Verify you can open the message drawer
      6. Verify you can hit enter again to close the message drawer
      7. Hit enter to open the message drawer
      8. Hit tab again after you have opened the message drawer
      9. Verify the focus is now in the message drawer
      10. Hit SHIFT-tab to move backwards
      11. Verify the focus is returned to the message drawer toggle button

      Test the Message drawer focus order from a user profile page

      1. Login as admin
      2. Navigate to a users' profile page
      3. Use your keyboard to tab to the Message button in the page header (next to the user's name just above the breadcrumbs)
      4. Hit enter to open the message drawer
      5. Verify you open the message drawer and start a conversation with the user on the profile page
      6. Verify you can hit enter again to close the message drawer
      7. Hit enter to open the message drawer
      8. Hit tab again after you have opened the message drawer
      9. Verify the focus is now in the message drawer
      10. Hit SHIFT-tab a couple of times  the move backwards
      11. Verify the focus returns the the message button
      Show
      Please test this using themes Classic and Boost   Test the Message drawer focus order from the navbar Login as admin Navigate to any Moodle page Use your keyboard to tab to the messaging button Hit enter to open the message drawer Verify  you can open the message drawer Verify you can hit enter again to close the message drawer Hit enter to open the message drawer Hit tab again after you have opened the message drawer Verify the focus is now in the message drawer Hit SHIFT-tab to move backwards Verify  the focus is returned to the message drawer toggle button Test the Message drawer focus order from a user profile page Login as admin Navigate to a users' profile page Use your keyboard to tab to the Message button in the page header (next to the user's name just above the breadcrumbs) Hit enter to open the message drawer Verify you open the message drawer and start a conversation with the user on the profile page Verify you can hit enter again to close the message drawer Hit enter to open the message drawer Hit tab again after you have opened the message drawer Verify the focus is now in the message drawer Hit SHIFT-tab a couple of times  the move backwards Verify  the focus returns the the message button

      Issue

      Unable to close message drop down via keyboard

      There is no way to collapse the message drop-down via keyboard once it is expanded.

      Impact on users

      Users with low vision or who rely on using a keyboard only cannot have content overlapped while they are viewing it with no way to close it. It also affects those with attention deficit disorders who need to focus on content without distraction.

      Guidelines affected
      • 2.1.1 Keyboard (A)
        • All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints.
      • 2.1.3 Keyboard (No Exception) (AAA)
        • All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes.
      Additional notes

      To replicate:

      1. Navigate to the message drawer toggle icon via keyboard (e.g. by tabbing).
      2. Open the message drawer by keyboard (e.g. space or enter)
      3. When the message drawer opens, the focus is now somewhere in the drawer itself. However, should the user change his/her mind and decides to close the message drawer, they can't do a simple shift-tab and they have to tab through the whole page again to reach the message drawer toggle icon.

        1. Screenshot_1-boost.png
          Screenshot_1-boost.png
          62 kB
        2. Screenshot_2-boost.png
          Screenshot_2-boost.png
          68 kB
        3. Screenshot_3-classic.png
          Screenshot_3-classic.png
          56 kB
        4. Screenshot_4-classic.png
          Screenshot_4-classic.png
          82 kB

            basbrands Bas Brands
            jpataleta Jun Pataleta
            Jun Pataleta Jun Pataleta
            Andrew Lyons Andrew Lyons
            Janelle Barcega Janelle Barcega
            Votes:
            0 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 hours, 10 minutes
                4h 10m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.