13   Appendix 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.

Topics:

·        Navigation Menu

·        Breadcrumb Navigation

·        Textbox

·        TextArea

·        Rich Text Control

·        Button

·        Single Select Box

·        MultiSelect

·        Date & Calendar

·        Radio

·        Checkbox

·        Container Expand Collapse

·        Grid

·        LHS Menu

·        LHS Menu Expand/Collapse                  

Navigation Menu (ffw-nav-menu)

This section contains information on the Navigation Menu component.

Table 190: Navigation Menu Component

Target

Key

Action

Input

Tab

Set focus to the First Level Menu Items.

 

UpArrow

Move focus to the previous menu item, wrapping around at the top

 

DownArrow

Move focus to the next menu item, wrapping around at the bottom.

 

RightArrow

Move focus to the submenu

 

LeftArrow

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)

This section contains information on the Breadcrumb Navigation component.

Table 191: 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)

This section contains information on the textbox component.

Table 192: Textbox Component

Target

Key

Action

Input

Tab

Set focus to the input.

TextArea (ffw-textarea)

This section contains information on the textarea component.

Table 193: Textarea Component

Target

Key

Action

Input

Tab

Set focus to the input.

Rich Text Control (ffw-rich-text-controll )

This section contains information on the rich text control component.

Button (ffw-button)

This section contains information on the button component.

Table 194: 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)

This section contains information on the single select component.

Table 195: Select Component

Target

Key

Action

Select

Tab

Set focus to the input.

 

Enter

Activates the control.

Drop down

UpArrow or DownArrow

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.

MultiSelect (ffw-select-multi)

This section contains information on the MultiSelect component

Table 196: MultiSelect Component

Target

Key

Action

Select

Tab

Set focus to the multiselect Control

 

Enter

Expand the drop down list.

Drop down

UpArrow or DownArrow

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 Dropdown

spacebar

Set/append the input text as the value/comma separated value, of the selected checkbox.

Date & Calendar (ffw-date)

This section contains information on the Date component.

Table 197: Date Component

Target

Key

Action

Button

Tab

Set focus to the input.

Button

Enter

Activates the control.

 

This section contains information on the Calendar popup component.

Table 198: 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.

 

UpArrow or DownArrow

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

UpArrow

Move up in the grid.

Calendar Picker

DownArrow

Move down in the grid.

Calendar Picker

RightArrow

Move right in the grid.

Calendar Picker

LeftArrow

Move left in the grid.

Calendar Picker

Esc

Close the Calendar Popup.

 

Radio (ffw-radio)

This section contains information on the radio component.

Table 199: Radio Component

Target

Key

Action

Radioset

Tab

Set focus to the checked radio input.

Input

UpArrow

Select the previous input in the group.

 

DownArrow

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 UpArrow and DownArrow.

Checkbox (ffw-checkbox)

This section contains information on the checkbox component.

Table 200: 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 201: Container Expand Collapse Component

Target

Key

Action

Button

Tab

Set focus to the button.

 

Enter

Activates the control.

Grid (ffw-Grid )

This section contains information on the grid component.

         Table 202: 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)

     This section contains information on the grid component with header cells that span multiple columns.

         Table 203: Grid Nested Header

Target

Key

Action

Grid Nested Headers

Tab

Set focus to the Span header cells.

 

Pagination Panel (ffw-pagination)

This section contains information on the pagination panel component.

Table 204: 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)

This section contains information on the Grid Records Per Page component.

Table 205: Records Per Page Component

Target

Key

Action

Button

Tab

Set focus to the input.

 

Enter

Expand the drop down list.

Drop down

UpArrow or DownArrow

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 Dropdown

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)

This section contains information on the Jump To Page panel component.

Table 206: 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)

This section contains information on the Group ByTree panel component.

Table 207: 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)

This section contains information on the Group By Tab panel component.

Table 208: 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)

This section contains information on the Grid Header Right Click Menu component

Table 209: 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

UpArrow or DownArrow

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)

This section contains information on the LHS Menu component.

Table 210: 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)

This section contains information on the LHS Menu Expand/Collapse component.

Table 211: LHS Menu Expand/Collapse Component

Target

Key

Action

Expand/Collapse

Tab

Set focus to the Expand/Collapse.

 

Enter

Activates the Expand/Collapse control.