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

Datepicker popup in moodleform is not accessible with keyboard

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_402_STABLE, MOODLE_403_STABLE
    • MDL-80197-403
    • Hide

       

      1. Log in as admin
      2. Navigate to the calendar page (http://yoursite/calendar)
      3. Click on "New event" button
      4. Confirm calendar icon on the Datetime selector field has the following attributes:

      aria-hidden="true" tabindex="-1"

       

      Accessibility Tool Test:

      1. On the same modal view inside the calendar page, click the calendar icon on the Datetime selector and open WAVE Accessibility Tool
      2. In the Scan Results, open the Details tab
      3. Confirm there are no Errors or Alerts regarding the Datepicker not being accessible via the keyboard
      Show
        Log in as admin Navigate to the calendar page ( http://yoursite/calendar ) Click on "New event" button Confirm calendar icon on the Datetime selector field has the following attributes: aria-hidden= "true" tabindex= "-1"   Accessibility Tool Test: On the same modal view inside the calendar page, click the calendar icon on the Datetime selector and open WAVE Accessibility Tool In the Scan Results, open the Details tab Confirm there are no Errors or Alerts regarding the Datepicker not being accessible via the keyboard
    • WP Sprint 2024-I1.2 (Clones)

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

      Description from AbleDocs:
      There is no keyboard access to the calendar that opens when clicking the calendar icon button

      Comments from me (Marina):
      This happens in dynamic forms that open in the modals (and maybe also AJAX loaded like RB filters)

      1. Go to the calendar page (http://yoursite/calendar)
      2. Click "New event" button
      3. Tab to date form element
      4. Press "Enter" on the calendar icon
      5. You can not access any dates with the keyboard

        1. (1) 3 Passed -- (Main)MDL-80197.png
          110 kB
          Kim Jared Lucas
        2. (2) 4 Passed -- (Main)MDL-80197.png
          123 kB
          Kim Jared Lucas
        3. calendar_datepicker.png
          40 kB
          Marina Glancy

            pedro.jordao@moodle.com Pedro Jordao
            marina Marina Glancy
            Paul Holden Paul Holden
            Sara Arjona (@sarjona) Sara Arjona (@sarjona)
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            14 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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