Supported keyboard navigation
Accessible UI components provide run-time behavior that helps users who rely on assistive technology (AT) to navigate your application with less effort.
UI components are developed in accordance with WAI-ARIA Authoring Practices 1.1. Consequently, most Pega UI components support accessible navigation without additional markup or configuration.Accessible UI components
The following table lists the most important accessibility components along with the corresponding keyboard navigation:
Control/feature | Keyboard navigation | Additional information |
Accordion layout |
|
|
AJAX containers |
| Pressing Tab from the header moves the focus to the first editable field in the container. |
Buttons | Enter or Spacebar to activate | Buttons include unique IDs to help AT manage page focus. |
Collapsible layout |
| Screen readers announce whether the layout is expanded or collapsed. |
Controls |
| |
Dynamic layouts | Tab to change focus | |
Error messages | Enter to close the alert box |
|
Field-level error messages | No | The message is readable when a change causes the error, such as a failed validation. |
Icons | Yes | Alternative text is configurable. |
Menu layout | Up arrow and Down arrow to navigate between items | |
Modal windows | Esc to close | |
Overlays | Yes | |
Read-write controls | Yes | Labels and text alternatives are configurable. |
Registry of keyboard shortcuts | N/A | Tabs, arrows, and all modifier keys are stored in a single file location. |
Repeating dynamic layout |
|
|
Rich text editor | Yes | The text is fully editable by keyboard. |
Screen layouts | Tab to change focus | |
Skip to content area | Yes | |
SmartInfo | Tab to change focus | |
Smart tips | Yes | The parent control receives focus. |
Stacked layout | Tab to change focus | The header and container do not receive focus. |
Tables |
|
|
Tabs |
|
|
Wait indicator | N/A | The system can inform the AT about loading status. You can edit the load text in the pyThrobberLoadingText rule. |
Previous topic Out-of-the-box accessibility features Next topic Best practices for accessibility