Skip to content

fix(ui): improve steps current step semantics#30

Open
wyf027 wants to merge 1 commit into
mainfrom
codex/steps-current-step-a11y-2026-07-05
Open

fix(ui): improve steps current step semantics#30
wyf027 wants to merge 1 commit into
mainfrom
codex/steps-current-step-a11y-2026-07-05

Conversation

@wyf027

@wyf027 wyf027 commented Jul 4, 2026

Copy link
Copy Markdown
Owner

Summary

  • Add a default accessible name to the ordered steps list.
  • Mark the active item with aria-current="step".
  • Add screen-reader-only status text for completed, current, and upcoming steps.
  • Hide decorative step numbers and connector lines from assistive technology.
  • Add Steps tests for list naming, current step semantics, status text, and custom aria-label.
  • Update Steps docs with accessibility behavior and StepItem API notes.

Gap Notes

Validation

  • npm ci
  • npx prettier --write packages/ui/src/components/navigation/Steps/Steps.tsx packages/ui/src/components/navigation/Steps/Steps.test.tsx docs/components/steps.md
  • npm run lint:ui
  • npm run typecheck:ui
  • npm run test:ui (24 files, 74 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