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

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

    XMLWordPrintable

    Details

    • Testing Instructions:
      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
    • Affected Branches:
      MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_38_STABLE
    • Pull from Repository:
    • Pull 3.8 Branch:
    • Pull Master Branch:
      MDL-67881-master

      Description

      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.

        Attachments

        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

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              jpataleta Jun Pataleta
              Peer reviewer:
              Jun Pataleta
              Integrator:
              Andrew Nicols
              Tester:
              Janelle Barcega
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              Votes:
              0 Vote for this issue
              Watchers:
              8 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:
                Fix Release Date:
                11/May/20

                  Time Tracking

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