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

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

XMLWordPrintable

    • 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

      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.

        1. MDL-73336 testing.webm
          440 kB

            tusefomal Ferran Recio
            tusefomal Ferran Recio
            Carlos Escobedo Carlos Escobedo
            Andrew Lyons Andrew Lyons
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            8 Start watching this issue

              Created:
              Updated:
              Resolved:

                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

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