Record actions menu — accessibility
Keyboard
- Tab reaches the ⋮ trigger in the top bar; Enter / Space opens the menu, focus moves to the first item.
- ↑ / ↓ move between items, Enter runs one, Escape closes and returns focus to the trigger (Menu button).
ARIA
- Trigger:
aria-label="Další akce",aria-haspopup="menu",aria-expandedreflects the state (kebabTrigger). - Menu
role="menu", rowsrole="menuitem"; the danger row is announced by its text („Smazat firmu"), colour is not the only signal. - On the phone the bottom sheet is titled „Další akce".
Focus
- After a confirmed destructive action focus goes to the page the user lands on; after Escape back to the trigger.
Contrast
- Item text
--fgon--surface-100; „Smazat"--critical(rgb 229, 72, 77) is a large-enough cue together with the trash glyph and the word itself. Checked on dev 7 Oct 2026, light and dark.
Known limits
- No stories yet: the component lives in
apps/web, the catalog covers only the trigger glyph through Menu button variants.
Source: docs/section-top-bar/record-actions-menu.a11y.md · GitLab