xRangerDEandClaude Opus 4.7
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>