Video note — accessibility

Keyboard

  • Tab order: the circle (one button) · Přepis link · copy · each transcript sentence.
  • The circle is a native <button>: Enter / Space toggle playback.
  • Sentences: Enter / Space seek to the sentence and play.
  • There is no seek control for the video itself; seeking is possible only through transcript sentences or the ref handle.

ARIA

  • The circle's accessible name switches "Přehrát video" ⇄ "Pozastavit"; the ring SVG and the play icon are aria-hidden.
  • Visually hidden fromLabel precedes the player.
  • Přepis link, status, sentences and copy behave as in Voice message (aria-expanded / aria-controls, role="status", aria-current).

Focus

  • Foundation :focus-visible ring on the circle, link, copy and sentences.

Contrast

  • Progress ring --accent (#0072f5) on the page background is ≥ 3 : 1 in both themes; over the video it depends on the picture.
  • Duration --fg-muted and the Přepis link --accent sit on the thread background, not a bubble — same limits as Voice message (RULES §18).

Known limits

  • No keyboard seek and no slider semantics for the video position; progress is visual only (ring).
  • The video has no captions track — the transcript is the text alternative and is collapsed by default.
  • Not verified on dev with real data (stories only, 10 Oct 2026).

Source: docs/voice-message/video-note.a11y.md · GitLab