Revision as of 21:25, 13 April 2009

CKEditor 3 is designed with people who have disabilities in mind. In addition to be usable with a mouse, a keyboard and a monitor; CKEditor is usable with a keyboard and a screenreader as well. JAWS with IE7 and JAWS with Firefox 3 are currently supported.

Basic Navigation

• Tab and Shift+Tab
  To move into and out of the editor among other form elements, press tab and shift+tab. On supported browser and screenreader combinations, the editor should behave just like any other form elements in respect to tab and shift+tab key presses.
  One exception to this rule is when config.tabSpaces is set to a non-zero value. In this case, if the user presses tab from inside the editor, spaces will be added to the editing area, and the focus will not be moved out of the editing area. Shift-tab would still work as expected when config.tabSpaces is set to a non-zero value.
• Alt+F10
  Pressing Alt+F10 when the editing area is focused will move the focus to the editor toolbar.
• Shift+F10 or Ctrl+Shift+F10
  Pressing Shift+F10 or Ctrl+Shift+F10 (in cases where Shift+F10 does not work), will open the context menu inside the editing area.
• Alt+F11
  Pressing Alt+F11 will put focus to the element path bar, usually at the bottom of the editor. While the element path bar is being focused, pressing tab and shift+tab will select HTML elements that are parents of the current element. Pressing Esc will move the focus back to the editing area without changing selection; while pressing Enter will select the element in the editing area.

Navigating Toolbar

• Tab and Shift+Tab
  Once the toolbar is focused by Alt+F10 from the editing area, tab and shift+tab will move focus forward and backward among toolbar items. Toolbar item focus is cyclic so going backwards from the first item will put focus to the last item, and vice versa.
• Enter and Esc
  Pressing Esc will put the focus back to the editing area without executing any commands. Pressing Enter will activiate the selected toolbar item.

Navigating Dialogs

• Tab and Shift+Tab
  Pressing tab and shift+tab when dialog tabs are not focused will move the focus among input element in the dialog; when a dialog tab is focused, tab and shift+tab will cycle through tab pages in the dialog.
  Focus order in dialogs is cyclic so when the first tab or first input elements is focused and shift+tab is pressed, then the last tab or last input element will get the focus. Dialog buttons count as input elements as well.
• Alt+F10
  Pressing Alt+F10 in a dialog will put focus to the currently active tab.
• Enter and Esc
  Pressing Esc in a dialog is equivalent to pressing the Cancel button or the Close button.
  Pressing Enter in a dialog when a single-line text input is at focus is equivalent to pressing the OK button.
  Pressing Enter in a dialog when a dialog tab is focused puts focus back to the first input element inside that tab page.

Navigating Context Menus

• Tab and Shift+Tab
  When a context menu is opened, press Tab to cycle through menu items forward, Shift+Tab to cycle backwards.
• Enter and Esc
  Press Enter to activate a menu item or open a sub-menu.
  Press close a context menu without executing any command.

Navigating Style Combo Boxes

• Tab and Shift+Tab
  Press Tab and Shift+Tab to cycle through items in a combo box forward and backwards, respectively.
• Enter and Esc
  Press Enter to activate the selected item in a combo box and put the focus back to the editing area.
  Press Esc to close the combo box without executing any command, and put the focus back to the toolbar.

Editor Features

• Ctrl+Z
• Ctrl+Y and Ctrl+Shift+Z
• Ctrl+L
• Ctrl+B
• Ctrl+I
• Ctrl+U

JAWS

• Editing Mode vs. Non-editing Mode
• Refreshing the Virtual Cursor