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-expanded reflects the state (kebabTrigger).
  • Menu role="menu", rows role="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 --fg on --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