Repository navigation
Player: speed button's accessible name doesn't include its visible text #6021
Description
In @hyperframes/player (checked in 0.8.107, 0.8.181 and 0.8.183), the playback speed button shows "1x" but has aria-label="Playback speed". Because the aria-label replaces the visible text, its accessible name doesn't contain "1x". That fails WCAG 2.5.3 Label in Name, and axe-core reports it as label-content-name-mismatch (serious). A voice-control user who says "click 1x" can't press it.
Suggested fix: include the shown rate in the name and keep it updated when the rate changes, e.g. aria-label="Playback speed: 1x". Or drop the aria-label and add the words with visually hidden text.
Activity
Dante-dan commentedon Oct 21, 2026
The speed button initializes its accessible name to
Playback speed, while its visible text is1x. Selecting a preset only changestextContent, so the mismatch persists at other rates. I plan to includeformatSpeed(...)in the accessible name both at initialization and when selecting a preset, keeping the existing control behavior. I will add a regression in the existing player controls tests for the initial 1x name and the updated name after changing speed.