3e37d780c3
Two more click-only divs in the queue item template were leaving keyboard users stuck: - .queue-selector — the "X" number-badge to the left of pending queue items that toggles bulk-select. Previously a div with onclick. Now role="checkbox" + tabindex + aria-checked tracking the selection state + Enter/Space keydown handler. - .queue-item .title — the truncated VOD title that, when clicked, toggles the expanded detail panel underneath the row. Previously a div with onclick. Now role="button" + tabindex + aria-expanded reflecting the panel state + aria-controls pointing at the details panel ID + Enter/Space keydown handler. Both pick up 2px purple focus-visible rings to match the rest of the a11y family. aria-expanded on a button is the conventional pattern for "disclosure widget" controls (collapsible/expandable content), so screen readers will now announce the title as "VOD title, button, collapsed" or "expanded" as the user navigates and toggles. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| build | ||
| docs | ||
| scripts | ||
| src | ||
| .gitignore | ||
| eslint.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| README_AI_RELEASE.md | ||
| tsconfig.json | ||