Keyboard Navigation for PWA #1586
Description
The main PWA dashboard does not work with standard keyboard navigation, creating an accessibility barrier for anyone who prefers or is dependent upon keyboard navigation. Below are the different actions participants should be able to perform.
- Navigate to interactive elements | Tab (forward), Shift + Tab(backward) | The navigation order should be logical and follow the visual flow of the page.
- Activate a link | Enter
- Activate a button | Enter or Spacebar | Ensure elements with role="button" can be activated with both keys.
- Check/uncheck a checkbox | Spacebar
- Navigate radio buttons | ↑/↓ or ←/→ | Users should only be able to select one option in a group.
- Interact with dropdown menus | ↑/↓ to navigate, Spacebar to expand, Enter or Esc to select and collapse