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

Moodleform datepicker in RB filter form shifts the focus to "Skip to main content" link

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • Hide
      1. Login as admin;
      2. Open the User nav menu and then click on "Reports";
      3. Tab to the "Filters" button then tab to the "Time created" filter and change it to range;
      4. Enable the "Date from" field;
      5. Tab to the calendar icon and open it by pressing the enter key;
      6. Once the calendar is open, press the tab key to navigate through it;
      7. Confirm that the dropdown menu behind the calendar remains open;
      8. Select a date with the keyboard or press Esc to close the calendar;
      9. Confirm the dropdown menu remains open and that the Skip to main content link has not been activated.
      Show
      Login as admin; Open the User nav menu and then click on "Reports"; Tab to the "Filters" button then tab to the "Time created" filter and change it to range; Enable the "Date from" field; Tab to the calendar icon and open it by pressing the enter key; Once the calendar is open, press the tab key to navigate through it; Confirm that the dropdown menu behind the calendar remains open; Select a date with the keyboard or press Esc to close the calendar; Confirm the dropdown menu remains open and that the Skip to main content link has not been activated.
    • WP Sprint 2024-I1.4 (Clones), WP Sprint 2024-I1.3 (Clones)

      This issue was detected during accessibility audit on learner-facing pages in Workplace performed in August-September 2023 by AbleDocs.

      Description from AbleDocs:
      When keyboard focus leaves the pop-up calendar, the focus return to "Skip to main content" link instead of moving to the next element in the Filter dropdown menu

      Comments from me (Marina):
      This has been noticed in the reportbuilder filter form that contains the date range, we have it in appointments sessions filters in workplace. You can also reproduce it in vanilla LMS (although I can't think of any system reports in vanilla LMS available to students with a date filter):

      1. Login as a user who has access to custom reports
      2. Open profile menu and click "Reports" (make sure that you have at least one report in the list)
      3. Tab to the "Filters" button, then tab to the "Time created" filter and select a range and then enable "Date from"
      4. Now tab to the calendar icon next to the input field and press Enter
      5. Datepicker opens and it looks like this:
      6. Now try to tab to any elements in this datepicker
      7. You will see that the filter popup closes (***) but the datepicker modal stays open, and after couple of tabs the date picker also closes and the focus jumps to the "Skip to main contents" link on the top of the page

      Note that there is a separate issue MDL-80197 that you can not actually tab to any dates in the datepicker popup either. It affects any moodleform with the datepicker, when this issue is specifically about the "Filters" form in the reportbuilder. It looks like there is some workaround for the focus return in the general moodleforms because I can see that the "Skip to main content" link is also selected for a brief moment but then the focus moves back to the icon that opened the datepicker modal.

      It is probably because the "filters" area is already closed (see *** above) and the calendar icon button that was used to open the datepicker popup is no longer visible.

        1. datepicker.png
          55 kB
          Marina Glancy
        2. MDL-80195.png
          301 kB
          Ron Carl Alfon Yu

            pedro.jordao@moodle.com Pedro Jordao
            marina Marina Glancy
            Carlos Castillo Carlos Castillo
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            16 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 week, 3 hours
                1w 3h

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