Keyboard Access for UI Elements in Web Dynpro (New Rendering)

This section describes keyboard access for the most important UI elements in applications running in the HTML client and based on Web Dynpro for ABAP or Web Dynpro for Java. This information on keyboard access is relevant to you if you use the keyboard to navigate around your application's UI and use its functions. The keyboard access described in this document is only valid for the new rendering of Web Dynpro.

The table below contains the possible actions and assigned keyboard commands for the most important UI elements.

Note

The table shows you the original name of each UI element. This technical name has been retained because of its uniqueness. You can find the corresponding German in brackets, however this does not represent a name of the interface element that is generally valid. If the link is incorporated into the name of the UI element, it 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.

UI Element	Action	Keyboard Command
BreadCrumb (Navigation Path)	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` and `Arrow left`
	Selects the focused subelement	`Enter` or `Space`
Button (pushbutton)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Selects focussed element	`Enter` or `Space`
	Selects the element that is activated by default (the element is triggered even when it does not have the keyboard focus)	`Enter`
ButtonChoice ( Configurable Button)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Selects focussed element	`Enter` or `Space`
	Opens list box	`Alt` + `Arrow down`
	Closes list box	`Alt` + `Arrow up` or `Alt` + `Arrow down`
CheckBox (Checkbox) CheckBoxGroup (Groups of checkboxes) Note It is only possible to navigate to the CheckBoxGroup element when accessibility mode is activated. In this case the focus first navigates to the checkbox group element and then to the next checkbox element.	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the checkbox elements of a group	`Tab`
	Selects the focused element (sets or removes the flag)	`Space`
	Access Key	`Alt` + `<underlined letter>`
	If available: Hides and shows explanation	`Shift` + `Ctrl` + `i`
Context Menu	Open context menu	`Context menu` or `Shift` + `F10`
	Closes context menu	`Escape`
	Navigates up/down in the context menu	`Arrow up`/`Arrow down`
	Goto first menu entry	`Home`
	Goto last menu entry	`End`
	If available: Opens or closes submenu of a selected menu entry	`Arrow right`/`Arrow left`
	Closes the current menu level	`Escape`
	Selects focussed menu entry	`Enter`
DateNavigator (date selection)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the subelements	`Arrow keys`
	Selects focused subelement	`Space`
	Selects focussed element	`Enter` or `Space`
DropDownByIndex DropDownByKey (dropdown box)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Navigates between entries in list box or editing field	`Arrow down` and `Arrow up`
	Scrolls down in list box	`Page Down`
	Scrolls up in list box	`Page Up`
	Moves to the first item in the list box	`Home`
	Moves to the last item in the list box	`End`
	Selects focused entry in the list box that is open	`Enter`
	Opens list box	`Alt` + `Arrow down`
	Closes list box	`Alt` + `Arrow down` or `Alt` + `Arrow up`
	Automatic completion	Enters permitted characters, accepts suitable proposals using `Tab`
FileDownload (File download)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Starts file download	`Enter`
FileUpload (File upload)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Starts file upload	`Space`
Group (Group)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves the focus to the next group	`F6`
	Moves group navigation backwards	`Shift` + `F6`
Image Focus navigation only works for this element when accessibility mode is activated and each element is included in the tab sequence.	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
InputField	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves within the input field	`Arrow right` and `Arrow left`
	Places the text cursor 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 line	`Shift` + `End`
	Selects the area between the text cursor and the start of the line	`Shift` + `Home`
	Removes a selection	`Arrow right` or `Arrow left`
	Copies the selected text to the clipboard	`Ctrl` + `c`
	Cuts the selected text and copies it to the clipboard	`Ctrl` + `x`
	Pastes from the clipboard	`Ctrl` + `v`
	Opens list box or input help	`Alt` + `Arrow down`
	Closes list box or input help	`Alt` + `Arrow up` or `Alt` + `Arrow up` (opens and closes alternately)
	Opens F4 help	`F4`
	Closes list box or input help and selects value	`Enter`
	Closes list box or input help and does not select a value	`Escape`
	Starts editing	Enter a 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` or `Alt` + `Backspace`
	Redoes the last entry	`Ctrl` + `y`
	Undoes the last entry	`Escape`
ItemListBox (List box)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the items in the list box	`Arrow up` and `Arrow down`
	Jumps to the first item in the list box	`Home`
	Jumps to the last item in the list box	`End`
LinkToAction LinkToUrl (link)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Executes the focused link	`Enter` or `Space`
	Open context menu	`Context menu` or `Shift` + `F10`
	If available: Open link menu	`Alt` + `Arrow down`
MenuBar	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the items in the menu bar	`Arrow right` and `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 (popup menu)	`Arrow down`
	Navigates in the open menu	`Arrow key`
	Selects the focused menu item	`Enter`
	Closes the current menu level	`Escape`
PhaseIndicator	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the phases	Navigate to the right: `Arrow right` or `Arrow down` Navigate to the left: `Arrow left`,
	Navigates to the first phase	`Home`
	Navigates to the last phase	`End`
	Selects focused phase	`Enter`
ProgressIndicator	Moves the focus forwards	`Tab`
ProgressIndicator	Moves the focus backwards	`Shift` + `Tab`
RadioButton RadioButtonGroupByIndex RadioButtonGroupByKey (group of radio buttons) Note It is only possible to navigate to the RadioButtonGroup element when accessibility mode is activated. In this case the focus first navigates to the radiobutton group element and then to the radio button element that is currently selected.	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the RadioButton elements within a RadioButtonGroup, moving the selection at the same time	`Arrow keys`
	Navigates to the first element of the group	`Home`
	Navigates to the last element of the group	`End`
RoadMap (roadmap, display of process flow)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves between the roadmap steps	`Arrow right` and `Arrow left`
	Navigates to the first process step	`Home`
	Navigates to the last process step	`End`
	Selects focussed process step	`Enter` or `Space`
ScrollContainer (grouping element)	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 (Table) CTable (Client Table)	Moves navigation focus forwards (from outside to the table)	`Tab`
	Moves navigation focus backwards (from outside to the table)	`Shift` + `Tab`
	Navigates forwards out of the table (group navigation forwards)	`F6`
	Moves focus navigation forwards in table whereby the following distinctions apply for this keyboard command: If accessibility mode is activated, the focus navigates line by line forwards from cell to cell. If accessibility mode is deactivated, the focus only nagivates between the interactive lines. In this case it does not jump to write-protected cells. Note In addition to this you can also navigate between the individual cells in table navigation mode using the `arrow keys`.	`Tab`
	Moves focus navigation backards in table whereby the following distinctions apply for this keyboard command: If accessibility mode is activated, the focus navigates line by line backwards from cell to cell. If accessibility mode is deactivated, the focus only nagivates between the interactive lines. In this case it does not jump to write-protected cells. Note In addition to this you can also navigate between the individual cells in table navigation mode using the `arrow keys`.	`Shift` + `Tab`
	Navigates in the table in table navigation mode between the individual cells of the table	`Arrow keys`
	Switches in an editable table cell from table navigation mode to editing mode of the table cell	`F2` or by entering a permitted character in the table cell Note For focus navigation on a table cell with an input field, the entire entry is first selected in the input field. If you enter a character in this state, then the complete selected text is deleted. Using `F2` you can retain the existing entry for the remaining text entry.
	Switches in an editable table cell from table navigation mode to editing mode of the table cell	`F2` or by navigating forwards or backwards using `Tab` or `Shift` + `Tab`
	Navigates in table navigation mode to the first cell of the current row	`Home`
	Navigates in table navigation mode to the last cell of the current row	`End`
	Navigates in table navigation mode to the first cell of the current column	`Ctrl` + `Home`
	Navigates in table navigation mode to the last cell of the current column	`Ctrl` + `End`
	Scrolls the page up in table navigation mode Note This feature is available only for Table, but not for C-Table.	`Page Up`
	Scrolls the page down in table navigation mode Note This feature is available only for Table, but not for C-Table.	`Page Down`
	Jumps straight to the first page in table navigation mode	`Ctrl` + `Home`
	Jumps straight to the last page in table navigation mode	`Ctrl` + `End`
	Scrolls the page horizontally to the left in table navigation mode	`Alt` + `Page up`
	Scrolls the page horizontally to the right in table navigation mode	`Alt` + `Page down`
	Selects all rows of the table	`Ctrl` + `a`
	Removes selection of all rows	`Ctrl` + `Shift` + `a`
	Select row where the focus is However, this action is not possible if the table cell contains an embedded control element that responds to this keyboard command.	`Space`
	Select column where the focus is However, this action is not possible if the column cannot be selected or if the table cell contains an embedded control element that responds to this keyboard command.	`Ctrl` + `Alt` + `Space`
	Selects embedded control elements in a table cell However this action is only possible when the tabl cell contains an embedded control elements and the focus is on this table cell.	`Enter` or `Space`
	Selects the element that is activated by default (the element is triggered even when it does not have the keyboard focus)	`Enter`
	Expanding Hierarchical Cell Elements	`+ on the numeric keypad`
	Collapsing Hierarchical Cell Elements	`- on the numeric keypad`
	Navigate to different areas within the table (e.g. header area, different groupings in content area)	`CTRLl` + `ALT` + `Arrow up` or `Arrow down`
TabStrip	Moves the focus to the next group	`F6` or `Ctrl` + `Tab`
	Moves group navigation backwards	`Shift` + `F6` or `Shift` + `Ctrl` + `Tab`
	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Selects the focused tab index and displays the related tab page	`Enter` or `Space`
	Moves between the tab indexes	`Arrow right` and `Arrow left`
	Navigates to the first tab page	`Home`
	Navigates to the last tab page	`End`
	Displays the next tab page (page forward)	`Ctrl` + `Page Down`
	Displays the previous tab page (page back)	`Ctrl` + `Page Up`
TextEdit (text input field)	Moves the focus to the next group	`F6` or `Ctrl` + `Tab`
	Moves group navigation backwards	`Shift` + `F6` or `Shift` + `Ctrl` + `Tab`
	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Moves the text cursor between the characters in a line	`Arrow right` and `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 down` and `Arrow up`
	Deletes the character in front of the text cursor	`Backspace`
	Deletes the character 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` (alternatively: `Ctrl` + `Enter` on the numeric keypad)
	Cuts the selected characters from the text and copies them to the clipboard	`Ctrl` + `x` (alternatively: `Shift` + `Delete` on the numeric keypad)
	Pastes characters from the clipboard into the text	`Ctrl` + `v` (alternatively: `Shift` + `Enter` on the numeric keypad)
	Undoes the last action in the text	`Ctrl` + `z`
	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	`Shift` + `End`
	Selects the area between the text cursor and the start of the line	`Shift` + `Home`
	Removes a 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 (Text Display) Note Focus navigation forwards/backwards only works for this element if accessibility mode is activated.	Moves the focus to the next group	`Ctrl` + `Tab`
	Moves group navigation backwards	`Shift` + `Ctrl` + `Tab`
	In accessibility mode only: Moves the focus forwards	`Tab`
	In accessibility mode only: Moves the focus backwards	`Shift` + `Tab`
	Copies the selected characters from the text to the clipboard	`Ctrl` + `c` or `Ctrl` + `Enter` on the numeric keypad
ToggleButton (Pushbutton to Deactivate/Activate)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Enables or disables the focused element	`Enter` or `Space`
ToggleLink (Link to Show/Hide)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Opens or closes the focused link	`Enter` or `Space`
TransparentContainer (grouping element) Note Focus navigation only works for this element when accessibility mode is activated and each element is included in the tab sequence.	Moves the focus to the next group	`F6`
	Moves group navigation backwards	`Shift` + `F6`
	In accessibility mode only: Moves the focus forwards	`Tab`
	In accessibility mode only: Moves the focus backwards	`Shift` + `Tab`
Tray (grouping element)	Moves the focus to the next group	`F6`
	Moves group navigation backwards	`Shift` + `F6`
	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Opens element menu	`Space`
	Expands the focused element	`+ on the numeric keypad`
	Collapses the focused element	`- on the numeric keypad`
Tree (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` or `+` on the numeric keypad
	Collapses an open node	`Arrow left` or `-` on the numeric keypad
TriStateCheckbox (Checkbox with triple status display)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Access Key	`Alt` + `<underlined letter>`
	Toggles between the three states of the focused element	`Space`
	If available: Hides and shows explanation	`Shift` + `Ctrl` + `i`
ValueComparison (Value comparison)	Moves the focus forwards	`Tab`
ValueComparison (Value comparison)	Moves the focus backwards	`Shift` + `Tab`