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

The new drawers tooltips should only be visible when the user focus them

    XMLWordPrintable

Details

    • MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-73336-master-v02
    • Hide
      1. Create a course with some sections, activities and add some blocks also
      2. Access the course
      3. Close all drawers and refresh the page (this will help following the instructions)
      4. Move the mouse over both drawers open buttons
        1. check the tooltip appears on both buttons (blocks and course index)
      5. Now click the course index open button
        1. Check the focus moves to the close button but no tooltip appears
      6. Click somewhere on the page to remove the focus from the button. Then, move the mouse again over the close button
        1. Check the tooltip appear
      7. Click the drawer close button
        1. Check the focus is now in the open button of the same drawer but no tooltip appears.
      8. Click somewhere on the page to remove the focus from the button. Then, move the mouse again over the open button
        1. Check the tooltip appear
      9. Repeat steps 5 to 8 with the blocks drawer.
      Show
      Create a course with some sections, activities and add some blocks also Access the course Close all drawers and refresh the page (this will help following the instructions) Move the mouse over both drawers open buttons check the tooltip appears on both buttons (blocks and course index) Now click the course index open button Check the focus moves to the close button but no tooltip appears Click somewhere on the page to remove the focus from the button. Then, move the mouse again over the close button Check the tooltip appear Click the drawer close button Check the focus is now in the open button of the same drawer but no tooltip appears. Click somewhere on the page to remove the focus from the button. Then, move the mouse again over the open button Check the tooltip appear Repeat steps 5 to 8 with the blocks drawer.
    • Moppies Kanban

    Description

      The new drawers use bootstrap tooltips to explain what open and close buttons do. This is a problem because of the focus logic of the drawers:

      • Closing the drawer focus on the open button in order to undo the action using the keyboard
      • Opening the drawer focus on the close button for the same reason

      This produces that the tooltip appears immediately after opening/closing the drawer and does not disappear until the user clicks somewhere.

      The problem is that for accessibility reasons we cannot make the tooltip disappear after a few seconds (any disappearing element should be a consequence of a user action, otherwise slow readers may not read the content in time.

      The only solution I can figure for now is to disable the tooltip if the focus is automatic (nor produced by the user navigation). I don't know yet how feasible is but it will make the overall experience better.

      Attachments

        Issue Links

          Activity

            People

              tusefomal Ferran Recio
              tusefomal Ferran Recio
              Carlos Escobedo Carlos Escobedo
              Andrew Lyons Andrew Lyons
              Angelia Dela Cruz Angelia Dela Cruz
              Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                19/Apr/22

                Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 4 hours, 20 minutes
                  2d 4h 20m