Skip to content

fix(sandbox-preview): add aria-label to param-picker chip and extract shared badge styling - #5018

Open
pedrofrxncx wants to merge 1 commit into
mainfrom
fix/path-param-picker-chip-aria-and-styling-w2
Open

fix(sandbox-preview): add aria-label to param-picker chip and extract shared badge styling#5018
pedrofrxncx wants to merge 1 commit into
mainfrom
fix/path-param-picker-chip-aria-and-styling-w2

Conversation

@pedrofrxncx

@pedrofrxncx pedrofrxncx commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator

Summary

Adds missing aria-label to the path-param picker button for better screen reader support. Extracts the repeated parameter label styling (used in both the button and modal header badge) into a shared constant to ensure visual consistency and eliminate duplication.

What changed

  • Added aria-label attribute to the interactive path-param picker button (improves a11y for screen reader users)
  • Extracted parameter label badge styling (PARAM_LABEL_CLASS constant) to eliminate duplication
  • Both the button and the modal header badge now use the shared constant, ensuring they stay visually consistent

Test plan

  • bun run fmt
  • bunx tsc --noEmit in apps/mesh ✓
  • bun test apps/mesh/src/web/components/sandbox/preview/path-param-picker.test.ts ✓ (40 pass)

Verification

Behavior-preserving refactor:

  • No logic changes, only styling extraction and a11y attribute addition
  • All existing path-param picker tests pass
  • TypeScript type check passes

Summary by cubic

Adds an aria-label to the path‑param picker chip button to improve screen reader support. Extracts shared parameter badge styling into a constant used by both the chip and the modal header to keep visuals consistent and remove duplication.

Written for commit a53ee85. Summary will update on new commits.

Review in cubic

… shared badge styling

Adds missing aria-label to the path-param picker button for better screen reader
support. Extracts the repeated parameter label styling (both button and modal
header badge) into a shared constant to ensure visual consistency and reduce
duplication. No behavior change.
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