When tabbing through a wiki page's nagivation links, activating the watchstar (or watch link) correctly opens the popover but does not transfer keyboard focus to the first field in the popover. This is marked as a todo in the code.
The expiry field should be focused when the popover opens, and in general terms the first field should be focused (which may be the expiry, the labels, or just the unwatch button, depending on configuration).
Tabbing back out of the popover should refocus the watchstar, and pressing enter on that should close the popover.
Derived Requirement
- Activating the watchstar popover using keyboard input must automatically move focus to the first interactive element within the popover.
- The first focusable element must be context-aware and may be the expiry field, labels field, or unwatch button depending on configuration.
- Keyboard navigation within the popover must allow users to tab through all interactive elements in a logical order.
- Tabbing out of the popover must return keyboard focus to the watchstar control.
- Activating the watchstar control again using the keyboard must close the popover.
- The watchstar popover must remain fully operable using keyboard-only interaction without requiring a mouse.
Test Steps
Test Case 1: Verify focus moves to first field when popover opens via keyboard
- Open any wiki page.
- Use the Tab key to navigate to the watchstar control.
- Press Enter to activate the watchstar.
- Observe focus immediately after the popover opens.
- ✅❓❌⬜ AC1: Keyboard focus moves to the first interactive element in the popover when it opens.
Test Case 2: Verify correct element receives initial focus based on configuration
- Open any wiki page.
- Navigate to the watchstar control using Tab.
- Press Enter to open the popover.
- Identify which elements are present (expiry field, labels, or unwatch button).
- Observe which element receives focus.
- ✅❓❌⬜ AC2: The first available interactive element in the popover receives focus based on configuration.
Test Case 3: Verify tab navigation within the popover
- Open any wiki page.
- Navigate to and activate the watchstar using keyboard input.
- Use the Tab key to move through all elements inside the popover.
- Observe the order of focus movement.
- ✅❓❌⬜ AC3: Keyboard focus moves through all popover elements in a logical and sequential order.
Test Case 4: Verify focus returns to watchstar after tabbing out
- Open any wiki page.
- Activate the watchstar popover using keyboard input.
- Press Tab repeatedly until focus exits the popover.
- Observe where focus lands after exiting.
- ✅❓❌⬜ AC4: Focus returns to the watchstar control after tabbing out of the popover.
Test Case 5: Verify pressing Enter on watchstar closes the popover
- Open any wiki page.
- Activate the watchstar popover using keyboard input.
- Tab out of the popover to return focus to the watchstar.
- Press Enter on the watchstar.
- Observe popover behavior.
- ✅❓❌⬜ AC5: Pressing Enter on the watchstar closes the popover when it is open.
Test Case 6: Ensure accessibility behavior remains functional with browser zoom enabled
Set browser zoom to 200%.
Navigate to an article page using keyboard navigation only.
Open and navigate through the watchstar popover.
Observe focus visibility and keyboard navigation behavior.
✅❓❌⬜ AC6: Keyboard focus remains visible and navigation behavior remains functional at increased browser zoom levels.
Test Case 6: Verify full keyboard-only interaction with watchstar popover
- Open any wiki page.
- Use only the keyboard to navigate to the watchstar.
- Open the popover using Enter.
- Interact with fields inside the popover using Tab and keyboard input.
- Exit and close the popover using keyboard controls.
- ✅❓❌⬜ AC7: The watchstar popover can be fully operated using keyboard-only interaction without loss of functionality.
QA Results -Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T423975#11910062 |
| 2 | ✅ | T423975#11910062 |
| 3 | ❓ | T423975#11910062 |
| 4 | ❓ | T423975#11910062 |
| 5 | ❓ | T423975#11910062 |
| 6 | ✅ | T423975#11910062 |
| 7 | ❓ | T423975#11910062 |