xRangerDEandClaude Opus 4.7
1d4b6718b9
The three streamer-row action chips (AUTO toggle, VOD toggle, REC one-shot) were spans wired only with click listeners. Same a11y gap as the .remove X chips in 4.6.50: no role, no tabindex, no keyboard activation, no semantic state for toggles. Screen readers read them as raw text "AUTO", "VOD", "REC" with no clue they were interactive controls. Factored a wireChipButton helper inside renderStreamers and ran all three chips through it. The helper stamps: - role="button" + tabindex="0" - aria-label (locale-driven, picked up the existing autoRecordTitle / autoVodTitle / recordLiveTitle locale keys that were previously only used for the visual title-tooltip) - aria-pressed="true"/"false" for the AUTO and VOD toggles so AT announces the on/off state - A keydown handler that synthesises the same click handler on Enter / Space and stops propagation so the row's click handler (streamer-select) does not also fire CSS adds three focus-visible rings (green for AUTO, blue for VOD, red for REC) matching each chips active-state colour palette. Keyboard navigators tabbing through a streamer item now see the ring on the focused chip clearly. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>