The two language-picker buttons (Deutsch / English) had :hover and an .active state but no :focus-visible — keyboard users tabbing into the group couldn't see which button was focused unless it also happened to be the active one. And even then, the active state uses a 1px soft shadow which is easy to mistake for the hover border tweak. Added two rules: - .lang-option:focus-visible — purple-accent ring matching the rest of the app's focus-visible convention - .lang-option.active:focus-visible — combines the pressed-state border with the thicker 2px focus halo so focus and pressed state are both visible when they coincide Continues the focus-visible pass started in 4.6.81 (btn-primary/secondary/ pill/close) and 4.6.82 (queue + top-bar + add-streamer buttons). 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 | ||