OCP Keyboard Navigation

This page documents the keyboard navigation standards for OCP miniApps, following ARIA guidelines to ensure accessible and consistent keyboard interactions across the platform.

Key	Action
Tab	Move focus to the next focusable element
Shift + Tab	Move focus to the previous focusable element
Enter	Activate the selected/focused element (e.g., link, button)
Escape	Close modal dialogs, popovers, or menus
Spacebar	Activate a button or toggle a checkbox when focused
Arrow keys (↑ ↓ ← →)	Navigate between menu items, sliders, tabs, or within composite widgets (e.g., radio groups)

Form Controls

Key	Action
Enter	Submit the form (when inside an input field)
Spacebar	Toggle checkboxes or activate buttons
Arrow keys	Navigate between options in a radio button group or dropdown (when expanded)
Home / End	Jump to the first or last item in a list or menu

Tables & Grids

Key	Action
Arrow keys	Move between cells
Ctrl + Home / Ctrl + End	Jump to first/last cell in the table
Enter	Edit content in a cell (for editable grids)

Dialogs / Modals

Key	Action
Escape	Close the dialog
Tab / Shift + Tab	Move between focusable elements inside the modal

Focus should not move outside the modal when it is open (focus trap).

Custom Components

Accordion

Key	Action
Enter or Space	Expand / collapse the accordion panel
Arrow keys	Move between accordion headers

Tabs

Key	Action
Arrow keys	Move between tabs
Tab	Move focus to the tab panel content

Menus

Key	Action
Arrow keys	Navigate between menu items
Enter / Space	Activate the focused menu item
Escape	Close the menu