Ensure skiplink is first focusable element
What does this MR do and why?
The new super top bar in paneled UI is earlier in the DOM than the super sidebar, which means that its focusable elements come before the super sidebar's focusable elements. This means the skiplink button in the super sidebar cannot be used when paneled UI is enabled.
This MR adds a new skiplink button to the super topbar for paneled UI.
References
Screenshots or screen recordings
| UI | Before | After |
|---|---|---|
| panel | Screen Recording 2025-10-08 at 16.10.25.mov | Screen Recording 2025-10-08 at 16.09.47.mov |
| old (no change) | Screen Recording 2025-10-08 at 16.11.30.mov | Screen Recording 2025-10-08 at 16.12.00.mov |
| old and signed out (no change) | Screen Recording 2025-10-08 at 16.18.59.mov | Screen Recording 2025-10-08 at 16.18.13.mov |
How to set up and validate locally
- Check out this branch
- in the GDK, ensure the new UI toggle is ON
- use the tab key to move focus back to the start of the DOM
- the first focusable element will be a skiplink button
- turn the new UI toggle OFF
- repeat steps 3-4
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.