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

This document 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.

Prerequisites

The keyboard access described in this document is only valid for the new rendering of Web Dynpro. The keyboard access for the classic rendering is described under Keyboard Access of Interface Elements in Web Dynpro (Classisc Rendering).

Focussing only works for the following elements if you have activated accessibility mode:

CheckBoxGroup
Image
RadioButtonGroup
TextView
TransparentContainer

For more information, see the table below for each UI element. You can find information about activating accessibility mode in Web Dynpro for ABAP under Accessibility in Web Dynpro ABAP Applications.

Features

Keyboard Commands

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

Note 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.

End of the note.

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.

End of the example.

Key Access in Web Dynpro for ABAP: Overview

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 from 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 CheckBoxGroup element and then to the next CheckBox element. End of the note.	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: Hide and Show Explanation	`Shift` + `Ctrl` + `i`
Context Menu (Context menu)	Opens 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`
	Forwards group navigation	`F6`
	Moves group navigation backwards	`Shift` + `F6`
iFrame (embedded website)	Forwards group navigation	`F6` or `Ctrl` + `Tab`
	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
Image (Screen) 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 (Input Field)	Moves the focus forwards	`Tab`
	Moves the focus backwards	`Shift` + `Tab`
	Navigates within the input field	`Arrow right` and `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 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`
	Close list box or input help and select 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`
	Opens context menu	`Context menu` or `Shift` + `F10`
	If available: Open link menu	`Alt` + `Arrow down`
MenuBar (Menu Bar)	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 (Phase Display)	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 (Progress Display)	Moves the focus forwards	`Tab`
ProgressIndicator (Progress Display)	Moves the focus backwards	`Shift` + `Tab`
RadioButton (Radio Button) 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. End of the note.	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, Process Flow Display)	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)	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`. End of the note.	`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`. End of the note.	`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. End of the note.
	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	`Page Up`
	Scrolls the page down in table navigation mode	`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`
TabStrip (Tabstrip)	Forwards group navigation	`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)	Forwards group navigation	`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 (also known as the caret) 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` + `/` `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` + `/` `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. End of the note.	Forwards group navigation	`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 De-/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. End of the note.	Forwards group navigation	`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)	Forwards group navigation	`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`