F FFW Controls

Every component on the page with a definable focus is accessible by using the tab traversal (by using Tab and Shift+Tab).

Disabled items may receive keyboard focus and may allow interaction. Read-only items receives the keyboard focus.

Navigation Menu (ffw-nav-menu)

Table F-1 Navigation Menu Component

Target	Key	Action
Input	Tab	Set focus to the First Level Menu Items.
	Up Arrow	Move focus to the previous menu item, wrapping around at the top
	Down Arrow	Move focus to the next menu item, wrapping around at the bottom.
	Right Arrow	Move focus to the sub-menu
	Left Arrow	Move focus to the launcher.
	Home	Move focus to the first menu item.
	End	Move focus to the last menu item.
	Esc	Close the Sub menu and move focus to the launcher.
	Enter or Space	Invoke the focused menu item's action

Breadcrumb Navigation (ffw-breadcrumb-navigation)

Table F-2 Breadcrumb Navigation Component

Target	Key	Action
Breadcrumb Navigation	Tab	Set focus to the Breadcrumb.
	Enter	Activates the Breadcrumb and refreshes the selected page.

Textbox (ffw-textbox)

Table F-3 Textbox Component

Target	Key	Action
Input	Tab	Set focus to the input.

TextArea (ffw-textarea)

Table F-4 TextArea Component

Target	Key	Action
Input	Tab	Set focus to the input.

Button (ffw-button)

Table F-5 Button Component

Target	Key	Action
Button	Tab	Set focus to the input.
	Enter	Activates the control.

Note:

Buttons support the Enter key and not the Space key.

Single Select Box (ffw-select-single)

Table F-6 Select Component

Target	Key	Action
Select	Tab	Set focus to the input.
	Enter	Activates the control.
Drop down	Up Arrow or Down Arrow	Highlight the option item in the direction of the arrow.
Drop down	Esc	Collapse the drop-down list. If the drop-down is already closed, do nothing.

Multi Select (ffw-select-multi)

Table F-7 Multi Select Component

Target	Key	Action
Select	Tab	Set focus to the multi select Control.
	Enter	Expand the drop down list.
Drop down	Up Arrow or Down Arrow	Highlight the next checkbox item in the direction of the arrow.
Drop down	Esc	Collapse the drop-down list. If the drop-down is already closed, do nothing.
Checkbox in Drop-down	Spacebar	Set/append the input text as the value/comma separated value, of the selected checkbox.

Date & Calendar (ffw-date)

Table F-8 Date Component

Target	Key	Action
Button	Tab	Set focus to the input.
Button	Enter	Activates the control.

Table F-9 Calendar Component

Target	Key	Action
Popup	Tab	Set focus to the Calendar Popup.
Single Select (Month, Year)	Tab	Set focus to the input.
	Enter	Activates the Select control.
	Up Arrow or Down Arrow	Highlight the option item in the direction of the arrow.
	Esc	Collapse the drop-down list. If the drop-down is already closed, do nothing.
Left Arrow (Month, Year)	Enter	Switch to Previous Month/Year. Reloads the Calendar Popup
Right Arrow (Month, Year)	Enter	Switch to Next Month/Year. Reloads the Calendar Popup
Calendar Picker	Enter	Select the currently focused day
Calendar Picker	Up Arrow	Move up in the grid.
Calendar Picker	Down Arrow	Move down in the grid.
Calendar Picker	Right Arrow	Move right in the grid.
Calendar Picker	Left Arrow	Move left in the grid.
Calendar Picker	Esc	Close the Calendar Popup.

Radio (ffw-radio)

Table F-10 Radio Component

Target	Key	Action
Radioset	Tab	Set focus to the checked radio input.
Input	Up Arrow	Select the previous input in the group.
	Down Arrow	Select the next input in the group.
	Enter	Activates the radioset.

Note:

When running JAWS, at times the radioset is not activated. Pressing Enter activates the radioset and enables further Keystrokes like Up Arrow and Down Arrow.

Checkbox (ffw-checkbox)

Table F-11 Checkbox Component

Target	Key	Action
Checkboxset	Tab	Set focus on the first item in the checkbox set.

Container Expand Collapse (ffw-collapsible)

Using the Tab button on the Expand or Collapse button of the Container Header is disabled in most cases. Depending on availability, the following keys can be used:

Table F-12 Container Expand Collapse Component

Target	Key	Action
Button	Tab	Set focus to the button.
	Enter	Activates the control.

Grid (ffw-Grid )

Table F-13 Grid Component

Target	Key	Action
Checkbox in Grid	Tab	Set focus to the input.
Links in Grid	Tab	Set focus on the link.
Grid Header	Tab	Set focus to the input.
Grid Header	Enter	Activates the Right Click Menu for more Header options.

Grid Nested Headers (ffw-grid-span-headers)

Table F-14 Grid Nested Header

Target	Key	Action
Grid Nested Headers	Tab	Set focus to the Span header cells.

Pagination Panel (ffw-pagination)

Table F-15 Pagination Panel Component

Target	Key	Action
Button	Tab	Set focus to the input.
Button	Enter	Activates the control.

Records Per Page (ffw-records-per-page)

Table F-16 Records Per Page Component

Target	Key	Action
Button	Tab	Set focus to the input.
Button	Enter	Expand the drop down list.
Drop down	Up Arrow or Down Arrow	Highlight the next checkbox item in the direction of the arrow.
Drop down	Esc	Collapse the drop-down list. If the drop-down is already closed, do nothing.
Checkbox in Drop-down	Enter	Selects/Deselects the Checkbox.
Input Text for Records Entry	Tab	Set focus to the input.
Go Button	Enter	Set the Records Per Page value to the Grid. Collapse the drop-down list.

Jump to Page (ffw-jump-to-page)

Table F-17 Jump to Page Panel Component

Target	Key	Action
Input Text	Tab	Set focus to the input.
	Enter	Activates the control. Set the selected Page in Grid with the input value.

Group By Tree (ffw-group-by-tree)

Table F-18 Group By Tree Panel Component

Target	Key	Action
Tree	Tab	Set focus to the Tree item/Grid.
	Enter	Activates the Tree Expand/Collapse.

Group By Tab (ffw-group-by-tab)

Table F-19 Group By Tab Panel Component

Target	Key	Action
Tabs	Tab	Set focus to the Tab/Grid.
	Enter	Activates the Tab.

Grid Header Right Click Menu (ffw-right-click-menu)

Table F-20 Grid Header Right Click Menu Component

Target	Key	Action
Grid Header	Tab	Set focus to the Grid Header Cell
	Enter	Expand the Grid Header drop down Menu.
Drop down Menu	Up Arrow or Down Arrow	Highlight the next item in the direction of the arrow.
	Enter	Trigger the Menu item Action Event
	Esc	Collapse the drop-down Menu list. If the drop-down is already closed, do nothing.

LHS Menu (ffw-lhs-menu)

Table F-21 LHS Menu Component

Target	Key	Action
Tree	Tab	Set focus to the tree node.
	Enter	Activates the Tree Node and refreshes the RHS section.

LHS Menu Expand/Collapse (ffw-lhs-menu-expand-collapse)

Table F-22 LHS Menu Expand/Collapse Component

Target	Key	Action
Expand/Collapse	Tab	Set focus to the Expand/Collapse.
	Enter	Activates the Expand/Collapse control.