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
refhandle.
ARIA
- The circle's accessible name switches "Přehrát video" ⇄ "Pozastavit"; the ring SVG and the play icon are
aria-hidden. - Visually hidden
fromLabelprecedes 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-visiblering 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-mutedand the Přepis link--accentsit 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