Skip to content

Expose selected Settings controls - #776

Draft
luokerenx4 wants to merge 1 commit into
devfrom
codex/settings-selection-state
Draft

Expose selected Settings controls#776
luokerenx4 wants to merge 1 commit into
devfrom
codex/settings-selection-state

Conversation

@luokerenx4

Copy link
Copy Markdown
Contributor

What

  • label the Settings/Tools switch and language picker as accessible groups
  • expose the currently selected view and language with aria-pressed
  • keep the existing immediate switching behavior and decorative active underline
  • add regression coverage for both selection controls

Why

A real walkthrough of the Chinese demo Settings page showed that both selections were communicated only through color. Screen-reader users could activate the controls, but could not determine the current Settings view or language.

User impact

The selected Settings view and language are now announced consistently while the visual design and click behavior remain unchanged.

Validation

  • pnpm exec vitest run ui/src/pages/SettingsPage.selection-state.spec.tsx — 2 tests passed
  • npx tsc --noEmit
  • cd ui && npx tsc -b
  • pnpm test — 358 files passed, 1 skipped; 3390 tests passed, 9 skipped
  • pnpm -F open-alice-ui build:demo
  • real Chinese demo walkthrough: verified Chinese language and Tools view expose the expected pressed state

@vercel

vercel Bot commented Jul 28, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
openalice-demo Ready Ready Preview, Comment Jul 28, 2026 11:43pm

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant