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

Improve accessiblity of keyboard control for the generic dropdowns

XMLWordPrintable

    • MOODLE_403_STABLE
    • MOODLE_403_STABLE
    • MDL-78826-master
    • Hide

      Covered almost entirely by behat tests.

      Manual testing of the focus indicator

      1. Create a course with an assignment
      2. Go into the course in edit mode.
      3. Hover the activity card and click in the group mode icon to display the dropdown.
      4. Press the down key to focus on the first element
        1. Check the first option shows a nice thick outline around.
      Show
      Covered almost entirely by behat tests. Manual testing of the focus indicator Create a course with an assignment Go into the course in edit mode. Hover the activity card and click in the group mode icon to display the dropdown. Press the down key to focus on the first element Check the first option shows a nice thick outline around.
    • 3
    • HQ 2023 Sprint I3.1 Moppies

      During the review f MDL-78282, some accessiiblity improvement has been detected for the generic dropdown components created in MDL-78279.

      I quote the original text:

      I'd like to note the following accessibility issues that I noticed related to the interactive dropdown component:

      1. I'd expect the dropdown menu items to follow the menu pattern, especially in terms of keyboard interaction. Or perhaps at least for the choices to follow the Radio group pattern.
      2. The menu button's focus indicator uses the browser's default focus indicator. This means that the focus indicator will look different across browsers and we may fail the WCAG Level AA Success Criterion 2.4.7 (Focus Visible) if the browser's default focus indicator does not meet this requirement.
      3. The menu items are also using the browser's default focus indicator.

      This issue is a bout fixing those points.

        1. MDL-78826_testpage.php
          6 kB
        2. (1) 4 Passed -- (Master)MDL-78826.png
          (1) 4 Passed -- (Master)MDL-78826.png
          69 kB

            tusefomal Ferran Recio
            tusefomal Ferran Recio
            Mikel Martín Corrales Mikel Martín Corrales
            Jun Pataleta Jun Pataleta
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 4 days, 4 hours, 40 minutes
                4d 4h 40m

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