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

Focus outline for modal close button is clipped and has insufficient colour contrast

XMLWordPrintable

    • MOODLE_311_STABLE
    • MOODLE_311_STABLE
    • MDL-73026-master
    • Hide

      Note: Test on Boost and Classic

      1. Go to a course's participants page.
      2. Click on Enrol users.
      3. On the Enrol users modal, tab to focus on the close button.
      4. Check the close button's outline
      5. Confirm that you can see the whole focus outline.
      6. Tab to focus the other form elements in the Enrol users modal (e.g. the Select users)
      7. Confirm that the focus outline of the close button looks the same as the focus outline of the other form elements.
      Show
      Note: Test on Boost and Classic Go to a course's participants page. Click on Enrol users. On the Enrol users modal, tab to focus on the close button. Check the close button's outline Confirm that you can see the whole focus outline. Tab to focus the other form elements in the Enrol users modal (e.g. the Select users) Confirm that the focus outline of the close button looks the same as the focus outline of the other form elements.
    • HQ Team International CI H2-21

      The keyboard focus outline around the close button of modal dialogues is clipped and does not have sufficient colour contrast.

      From the audit report:

      The bllue focus outline is the same as the one used in the rest of the site "rgb(15 111 197 / 75%)"
      The focus outline though is only being partially shown.

        1. screenshot-2.png
          screenshot-2.png
          23 kB
        2. screenshot-1.png
          screenshot-1.png
          19 kB
        3. MDL-73026_v311_classic.webm
          128 kB
        4. MDL-73026_v311_boost.webm
          131 kB
        5. MDL-73026_master_classic.webm
          157 kB
        6. MDL-73026_master_boost.webm
          154 kB

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Simey Lameze Simey Lameze
            Andrew Lyons Andrew Lyons
            Angelia Dela Cruz Angelia Dela Cruz
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved:

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

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