SAPUI5 controls provide keyboard handling in order to improve accessibility and speed up work.
In this topic we introduce the main keyboard combinations that are used by SAPUI5 controls. Furthermore we describe some additional combinations that are used in specific controls.
|Key Combination||What it does||Specific Behavior|
|Tab / Shift + Tab||Selects elements in order (forward / backward)||You can cycle through all interactive, enabled and visible controls. When the last element is selected, pressing the key again will move the selection to first element.|
|Space / Enter||Triggers an action||You can trigger the action that is associated with a control (for example, open a link or toggle a button).|
|Arrow Keys||Navigates between elements||You can move the selection between elements within a control. Depending on the structure, this navigation is either one-directional (left/right or up/down) or two-directional (left, right, up, down).|
|Home / End||Navigates between elements||You can move the selection to the first/last element within a group of elements.
Tip When using controls like sliders and rating indicators, pressing these keys will set the selected value to the maximum/minimum respectively.
|Page Up / Page Down||Skips items during navigation||You can move the selection forward/backward by several items at a time. If the remaining number of items is less than the step size, selection will move to the last/first element.|
|Esc||Closes element / Reverts changes||You can close an additionally opened element (for example, a pop-up). If you have made changes to the content of an element (for example, a text field), pressing this key will revert those chnages.|
|F4 / Alt + Down / Alt + Up||Opens / closes a drop-down menu||You can open the options and items available in a drop-down menu, if the control in question provides this type of information.|
|F6 / Shift + F6||Skips selection of elements (forward / backward)||Controls within an application can be grouped together (for example, all controls in the header part of an application). You can use these keys to select each group in a row, without selecting the individual controls in the group.|
|Key Combination||What it does||Specific Bahavior|
|Page Up / Page Down||Date modification (Days)||Pressing these keys increases/decreases the date by one day.|
|Shift + Page Up / Shift + Page Down||Date modification (Months)||Pressing these keys increases/decreases the date by one month.|
|Ctrl + Shift + Page Up / Ctrl + Shift + Page Down||Date modification (Years)||Pressing these keys increases/decreases the date by one year.|
|Ctrl + Arrow Keys||When used with grouped radio buttons - Moves selection||Pressing these keys moves the selection to the next corresponding radio button in the group. The currently selected radio button does not change.|
|Ctrl + Arrow Keys||When editing tiles in a container - Changes tile position||Pressing these keys changes the position of the selected tile in the tile container. The remaining tiles are re-ordered accordingly.|