Keyboard
Access for UI Elements in Web Dynpro
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.
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: 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 |
Moves the focus
forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Moves between the subelements of the element |
Arrow right/Arrow left |
|
Triggers the focused subelement |
Space |
|
|
|
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 |
|
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 |
|
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 |
|
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 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Forwards group navigation |
F6 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
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 |
|
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 |
|
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 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Activates the focused link |
Enter |
|
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 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Moves between the phases |
Arrow right/Arrow left |
|
Displays the focused phase |
Enter |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Enables or disables the focused element |
Space or Enter |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Opens or closes the focused link |
Space or Enter |
|
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 |
|
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 |
|
Moves the focus forwards |
Tab |
|
Moves the focus backwards |
Shift + Tab |
|
Toggles between the three states of the focused element |
Space |