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

Accessibility: enable checkbox comes after the date picker in tab order

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MDL-78484-401
    • MDL-78484-master
    • Hide

      Testing steps:

      Scenario 1:

      • Log in as a teacher
      • Go to a course edit setting page
      • See course end date field
      • Enable course end date field
      • Using the tab key to Verify the order of the date field

      Expected: Users do not have to tab back to use the date field.

      Scenario 2:

      • Log in as a teacher
      • Go to a course -> Grades -> Grade History
      • See Date from field
      • Enable Date from
      • Using the tab key to Verify the order of the date field

      Expected: Users do not have to tab back to use the date field.

      Scenario 3: (ensure no regressions with non-optional dates)

      • Log in as a teacher
      • Go to a course -> Settings
      • Verify that the Course start date and Course end date fields both work.
      Show
      Testing steps: Scenario 1: Log in as a teacher Go to a course edit setting page See course end date field Enable course end date field Using the tab key to Verify the order of the date field Expected: Users do not have to tab back to use the date field. Scenario 2: Log in as a teacher Go to a course -> Grades -> Grade History See Date from field Enable Date from Using the tab key to Verify the order of the date field Expected: Users do not have to tab back to use the date field. Scenario 3: (ensure no regressions with non-optional dates) Log in as a teacher Go to a course -> Settings Verify that the Course start date and Course end date fields both work.

      The date selection combo box widgets, which allow users to filter for attempts made after or before the specified time, are inaccessible to keyboard and screen reader users.

      Before users can set the periods, they must first enable the date picker by checking the enable checkbox. The enable checkbox is however located after the date picker, so users have to tab back to set the dates. It is best to place newly activated content after the activating elements so that users do not have to tab back to access it.

      The original recommendation to fix this was to place the enable checkbox before the date picker, but see discussion below.

      This impacts blind, deaf-blind and low-vision users as well as other assistive technology users.

        1. (I) Passed -- (Master)MDL-78484.png
          80 kB
          Kim Jared Lucas
        2. (II) Passed -- (Master)MDL-78484.png
          82 kB
          Kim Jared Lucas
        3. (III) Passed -- (Master)MDL-78484.png
          78 kB
          Kim Jared Lucas
        4. image-2023-06-22-09-25-42-793.png
          5 kB
          Hieu Vu
        5. image-2023-06-22-09-25-52-535.png
          5 kB
          Hieu Vu
        6. image-2023-06-22-09-54-39-800.png
          5 kB
          Hieu Vu
        7. image-2023-06-22-09-55-03-756.png
          4 kB
          Hieu Vu
        8. image-2023-06-22-10-56-08-424.png
          9 kB
          Tim Hunt

            vuvanhieu143 Hieu Vu
            vuvanhieu143 Hieu Vu
            Tim Hunt Tim Hunt
            Jun Pataleta Jun Pataleta
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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