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

Keyboard focus in modals should be maintained until the modal is closed

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Duplicate
    • Icon: Minor Minor
    • None
    • 4.1.6, 4.2.7, 4.3
    • Accessibility, Usability
    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE

      After moving keyboard focus through focusable elements in a modal, the focus moves away from the modal to the browser's toolbar.

      Expected :
      Focus should stay within a modal until the modal is closed.

      This is part of the suggested techniques to meet wcag 1.3.1 (see "Note on focus management").

      The modal demo in Bootstrap 4.6 is also reflecting the expected behaviour.

      How to reproduce
      See HTML Modals in the UI component library

      Or:

      • Go to a text editor field (e.g. course settings > description)
      • Click on the Image button to open the modal
      • Press tab until the focus reaches the browser tabs

      Browsers:
      We were able to reproduce this issue with Chrome, Firefox, and Safari on MacOs and Chrome on Windows

            Unassigned Unassigned
            Zanatta Susanna
            Votes:
            0 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

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