Start of Content Area

Background documentation Keyboard Access for UI Elements in Web Dynpro  Locate the document in its SAP Library structure

This document describes keyboard access for UI elements in applications running in the HTML client and based on Web Dynpro for ABAP or Web Dynpro for Java. This information is relevant to you if you use the keyboard to navigate around your application's UI and use its functions.

Prerequisites

This document is valid for the following releases only:

      SAP NetWeaver, Web Dynpro for ABAP 7.0, from Support Package Stack (SPS) 14

      SAP NetWeaver, Web Dynpro for Java 7.0, from SPS 14

      SAP NetWeaver, Web Dynpro for Java 7.01

To use the keyboard commands described here, you must enable accessibility mode. Many of the commands also work when accessibility mode is disabled, but others, such as group navigation or navigation of inactive UI elements, only work when it is enabled.

Keyboard Commands

The table below shows you the actions performed by each UI element and the keyboard commands associated with these actions.

Note

The table shows you the original name of each UI element. The link incorporated into the name of the UI element takes you to its documentation in Web Dynpro for ABAP.

In this document, the phrase Moves the focus forwards indicates that (within the tab order) you are able to move the focus rectangle forwards to a UI element and then further forwards to the next UI element. The phrase Moves the focus backwards indicates that (within the tab order) you are able to move the focus rectangle backwards to a UI element and then further back to the previous UI element.

Example

Example: You can use the Tab key to move the focus rectangle forwards to the Button UI element. Once the focus is on the Button element, you can trigger the associated function by pressing the Enter key or the Space key. You can use the key combination Shift + Tab to move the focus rectangle backwards from the Button element.

Key Access in Web Dynpro: Overview

UI Element

Action

Keyboard Command

BreadCrumb

Moves the focus forwards
The focus is then on the subelement currently selected.

Tab

Moves the focus backwards

Shift + Tab

Moves between the subelements of the element

Arrow right/Arrow left

Triggers the focused subelement

Space

Button

 

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Triggers the focused element

Enter or Space

Triggers the element that is activated by default (the element is triggered even when it does not have the focus)

Enter

CheckBox

CheckBoxGroup

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the checkbox elements

Tab

Activates the focused checkbox (sets or removes the flag)

Space

DateNavigator

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Activates the focused element

Space

Moves between the subelements (days) of the element

Arrow keys

Selects the focused subelement

Space

DropDownByIndex

DropDownByKey

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the items in the list box

Arrow up/Arrow down

Moves to the first item in the list

Ctrl + Home

Moves to the last item in the list

Ctrl + End

Selects the selected item in the list

Enter

Opens/closes the list box

Alt + Arrow down/Arrow up
or
F4

Group

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Forwards group navigation

F6

Image

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

InputField

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Navigates within the input field

Arrow right/Arrow left

Places the text cursor (also known as the caret) before the first character in the input field

Home

Places the text cursor after the last character in the input field

End

Moves to the next word in the input field

Ctrl + Arrow right

Moves to the previous word in the input field

Ctrl + Arrow left

Selects the character immediately after the text cursor

Shift + Arrow right

Selects the character immediately before the text cursor

Shift + Arrow left

Selects the word immediately after the text cursor

Ctrl + Shift + Arrow right

Selects the word immediately before the text cursor

Ctrl + Shift + Arrow left

Selects the area between the text cursor and the end of the input field

Ctrl + End

Selects the area between the text cursor and the start of the input field

Ctrl + Home

Removes the selection

Arrow right/Arrow left

Copies the selected text to the clipboard

Ctrl + c (or Ctrl + Enter on the numeric keypad)

Cuts the selected text and copies it to the clipboard

Ctrl + x (or Shift + Del on the numeric keypad)

Pastes from the clipboard

Ctrl + v (or Shift + Ins on the numeric keypad)

Opens or closes value help/F4 help

Alt + Arrow down/Arrow up
or
F4

Starts editing

Any valid character

Stops editing

Tab

Deletes the character immediately after the text cursor

Delete

Deletes the character immediately before the text cursor

Backspace

Undoes the last entry

Ctrl + z

Redoes the last entry

Ctrl + y

ItemListBox

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the items in the list box

Arrow up/Arrow down

Moves to the first item in the list box

Home

LinkToAction

LinkToUrl

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Activates the focused link

Enter

MenuBar

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the items in the menu bar

Arrow right/Arrow left

Moves to the first item in the menu bar

Home

Moves to the last item in the menu bar

End

Opens the menu of an item in the menu bar

Arrow down

Navigates in the open menu

Arrow keys

Selects the focused menu item

Enter

Closes the current level of the menu

Escape

‑{}‑PhaseIndicator

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the phases

Arrow right/Arrow left

Displays the focused phase

Enter

ProgressIndicator

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

RadioButton

RadioButtonGroupByIndex

RadioButtonGroupByKey

Moves the focus forwards (the focus first moves to the RadioButtonGroup (from outside the group) and then to the selected RadioButton)

Tab

Moves the focus backwards (when moving backwards to the element, the focus first moves to the selected RadioButton element in the RadioButtonGroup (from outside the group))

Shift + Tab

Moves between the RadioButton elements within a RadioButtonGroup, moving the selection at the same time

Arrow keys

Moves between the RadioButton elements within a RadioButtonGroup, without moving the selection at the same time

Shift + Arrow keys

If the selection is not moved: Sets the selection on the focused RadioButton element, not the selected RadioButton element

Space

RoadMap

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves between the roadmap steps

Arrow right/Arrow left

Activates the focused roadmap step

Space

ScrollContainer

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Scrolls up one page in the focused element (if it is not an input element)

Page Up

Scrolls down one page in the focused element (if it is not an input element)

Page Down

Table

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves from cell to cell in the table (forwards, row by row)

Tab

Moves from cell to cell in the table (backwards, row by row)

Shift + Tab

Moves between cells in the table

Arrow keys, if the focus is not on an editable cell (since character-by-character navigation within the cell is used in this case)

Moves between the characters in an editable cell

Arrow keys

Move forwards out of the table (group navigation)

F6

TabStrip

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Activates the focused tab index and displays the related tab page

Space

Moves between the tab indexes

Arrow right/Arrow left

If tab pages are hidden: Displays the next tab page (pages forwards)

Ctrl + Page Down

If tab pages are hidden: Displays the previous tab page (pages backwards)

Ctrl + Page Up

TextEdit

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves the text cursor (also known as the caret) between the characters in a line

Arrow right/Arrow left

Places the text cursor before the first character in the line

Home

Places the text cursor after the last character in the line

End

Moves vertically between the lines

Arrow up/Arrow down

Deletes the character immediately before the text cursor

Backspace

Deletes the character immediately after the text cursor

Delete

Inserts a line break in the text

Enter

Copies the selected characters from the text to the clipboard

Ctrl + c (or Ctrl + Enter on the numeric keypad)

Cuts the selected characters from the text and copies them to the clipboard

Ctrl + x (or Shift + Del on the numeric keypad)

Pastes characters from the clipboard into the text

Ctrl + v (or Shift + Ins on the numeric keypad)

Undoes the last action in the text

Ctrl + z (or Alt + Backspace)

Redoes the last action in the text

Ctrl + y

Selects the character immediately after the text cursor

Shift + Arrow right

Selects the character immediately before the text cursor

Shift + Arrow left

Selects the word immediately after the text cursor

Ctrl + Shift + Arrow right

Selects the word immediately before the text cursor

Ctrl + Shift + Arrow left

Selects the area between the text cursor and the end of the line

Ctrl + End

Selects the area between the text cursor and the start of the line

Ctrl + Home

Removes the selection

Arrow keys

Scrolls up one page

Page Up

Scrolls down one page

Page Down

Moves directly to the first page

Home

Moves directly to the last page

End

TextView

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

ToggleButton

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Enables or disables the focused element

Space or Enter

ToggleLink

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Opens or closes the focused link

Space or Enter

Tray

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Expands the focused element

Plus key on the numeric keypad

Collapses the focused element

Minus key on the numeric keypad

Tree

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Moves down one node

Arrow down

Moves up one node

Arrow up

Expands a closed node

Arrow right

Collapses an open node

Arrow left

TriStateCheckbox

Moves the focus forwards

Tab

Moves the focus backwards

Shift + Tab

Toggles between the three states of the focused element

Space

 

 

 

End of Content Area