ApexGantt: Accessibility Demo
WCAG 2.1 AA · ARIA roles · Keyboard navigation · Focus management · prefers-reduced-motion
⌨️ Keyboard Navigation
- Click any task row or press Tab to focus the task list.
- ↑ / ↓: move between rows
- →: expand a collapsed parent, or move to its first child
- ←: collapse an expanded parent, or move to the parent row
- Home: jump to the first row | End: jump to the last row
- Space: select or deselect the focused row (
enableSelection)
- Enter: open the edit form for the focused row (
enableTaskEdit)
- Escape: clear the selection, then release focus from the task list
-
Task bars in the timeline are focusable with Tab. On a focused bar, Enter or
Space opens the edit form, ← / → move the bar one snap unit
(
enableTaskDrag), and Shift+← / → resize its end
(enableTaskResize). Each move is undoable like a drag.