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

Atto HTML Editor: Implement Aria managed keyboard navigation for the toolbar

XMLWordPrintable

    • MOODLE_26_STABLE
    • MOODLE_26_STABLE
    • MDL-41870-master
    • Hide
      1. Open a form with the Atto text editor in it.
      2. Click in the form field before the text editor
      3. Hit tab until you focus on the first item in the atto toolbar.
      4. Hit tab again - your focus should go into the content part of the text editor (skipping the rest of the buttons in the toolbar)
      5. Hit shift + tab - your focus should go back to the first tool in the toolbar
      6. Hit left/right arrow keys. Your focus should jump between the buttons in the toolbar (wrapping if necessary).
      7. Hit shift tab, then tab again - your focus should leave the toolbar, then return. When it returns, it should go to the last selected button.
      Show
      Open a form with the Atto text editor in it. Click in the form field before the text editor Hit tab until you focus on the first item in the atto toolbar. Hit tab again - your focus should go into the content part of the text editor (skipping the rest of the buttons in the toolbar) Hit shift + tab - your focus should go back to the first tool in the toolbar Hit left/right arrow keys. Your focus should jump between the buttons in the toolbar (wrapping if necessary). Hit shift tab, then tab again - your focus should leave the toolbar, then return. When it returns, it should go to the last selected button.
    • 4
    • FRONTEND Sprint 5

      The main benefit here is one tab will skip over the toolbar.

      http://www.w3.org/WAI/PF/aria-practices/#kbd_general_within

            damyon Damyon Wiese
            damyon Damyon Wiese
            Jason Fowler Jason Fowler
            Marina Glancy Marina Glancy
            Mark Nelson Mark Nelson
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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