Skip to content

fix(ui): improve segmented keyboard accessibility#27

Open
wyf027 wants to merge 1 commit into
mainfrom
codex/segmented-radio-keyboard-2026-07-04
Open

fix(ui): improve segmented keyboard accessibility#27
wyf027 wants to merge 1 commit into
mainfrom
codex/segmented-radio-keyboard-2026-07-04

Conversation

@wyf027

@wyf027 wyf027 commented Jul 4, 2026

Copy link
Copy Markdown
Owner

Summary

  • Add radiogroup / radio semantics to Segmented so assistive tech can announce the grouped single-selection state.
  • Add roving tabIndex and keyboard selection for Arrow keys, Home, and End while skipping disabled options.
  • Add a top-level disabled prop and keep option-level disabled behavior.
  • Add Segmented tests for ARIA state, click selection, keyboard navigation, disabled behavior, and first-enabled defaults.
  • Document keyboard behavior plus disabled and SegmentedOption.disabled.

Gap Notes

Validation

  • npm ci
  • npx prettier --write packages/ui/src/components/form/controls/Segmented/Segmented.tsx packages/ui/src/components/form/controls/Segmented/Segmented.test.tsx docs/components/segmented.md
  • npm run lint:ui
  • npm run typecheck:ui
  • npm run test:ui (24 files, 75 tests)
  • npm run build:ui
  • npm run build

Notes

  • npm ci still reports existing Node 23 engine warnings and existing npm audit findings (1 low, 4 moderate, 2 high).
  • npm run build still reports existing Browserslist and VitePress chunk-size warnings.

@ecc-tools

ecc-tools Bot commented Jul 4, 2026

Copy link
Copy Markdown
Contributor

ECC bundle files are already tracked in this repository. Skipping generation of another bundle PR.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant