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

Tabs in the accessibility toolkit can only be navigated by keyboard using the tab character

    XMLWordPrintable

Details

    • MOODLE_311_STABLE
    • MDL-71617-master_accesstool_tabs
    • Hide

      When you access the toollkit page, each tabbed menu item can be accessed using tab keys and selected using enter keys. Additionally, the interface is described as a navigation menu and not as tab pages.

      Show
      When you access the toollkit page, each tabbed menu item can be accessed using tab keys and selected using enter keys. Additionally, the interface is described as a navigation menu and not as tab pages.

    Description

      Tabbed interfaces should be keyboard-navigable to meet accessibility requirements. At the moment, the accessibility toolkit page's tabs only can be navigated using the tab character.

      The WAI-ARIA Authoring Practices 1.1 document provides guidelines for writing a tabbed interface.

      The keyboard interaction for the tabs should be as follows:

      • Tab
        • When the focus moves into the tab list, places focus on the active tab element. When the tab list contains the focus, moves focus to the next element in the page tab sequence outside the tablist, which is typically either the first focusable element inside the tab panel or the tab panel itself.
      • When the focus is on a tab element in a horizontal tab list:
        • Left Arrow
          • moves focus to the previous tab. If the focus is on the first tab, moves focus to the last tab. Optionally, activates the newly focused tab (See note below).
        • Right Arrow
          • Moves focus to the next tab. If the focus is on the last tab element, moves focus to the first tab. Optionally, activates the newly focused tab (See note below).
      • When the focus is on a tab in a tablist with either horizontal or vertical orientation:
        • Space or Enter
          • Activates the tab if it was not activated automatically on focus.
        • Home (Optional)
          • Moves focus to the first tab. Optionally, activates the newly focused tab.
        • End (Optional)
          • Moves focus to the last tab. Optionally, activates the newly focused tab.

      Attachments

        Issue Links

          Activity

            People

              mchurch Mike Churchward
              jpataleta Jun Pataleta
              Andrew Lyons Andrew Lyons
              Jun Pataleta Jun Pataleta
              Votes:
              1 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 hours, 25 minutes
                  2h 25m

                  Clockify

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