The player's seek bar has no name #301

Closed
opened 2026-10-19 12:39:47 -07:00 by rays · 1 comment
Owner

<input type="range" id="seek"> (web/index.html:65) has no label, aria-label or title; the volume slider beside it has title="Volume". A screen reader announces "slider, 0", with no idea what it controls. Its value is 0-1000, not a time, so even the value means nothing when read out.

Found in an interface review (2026-10-19), in Playwright's accessibility snapshot of the player: slider: "0". WCAG 4.1.2.

Fix: aria-label="Position", and set aria-valuetext to the clock text (12:30 of 45:00) as the position updates.

`<input type="range" id="seek">` (`web/index.html:65`) has no label, `aria-label` or title; the volume slider beside it has `title="Volume"`. A screen reader announces "slider, 0", with no idea what it controls. Its value is 0-1000, not a time, so even the value means nothing when read out. Found in an interface review (2026-10-19), in Playwright's accessibility snapshot of the player: `slider: "0"`. WCAG 4.1.2. Fix: `aria-label="Position"`, and set `aria-valuetext` to the clock text (`12:30 of 45:00`) as the position updates.
rays added the bug label 2026-10-19 12:39:47 -07:00
Author
Owner

Fixed in 6ec2c35: the seek slider is named Position, and its value is read as a time (aria-valuetext "12:30 of 45:00"). Deployed in ipx-web (1.2.1-dev).

Fixed in 6ec2c35: the seek slider is named Position, and its value is read as a time (`aria-valuetext` "12:30 of 45:00"). Deployed in ipx-web (1.2.1-dev).
rays closed this issue 2026-10-19 13:13:42 -07:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rays/ipx#301