Skip to content

fix(design-system): improve trust badge and feedback accessibility#1054

Open
snkk2x-collab wants to merge 1 commit into
Stellar-Mail:mainfrom
snkk2x-collab:codex/design-system-a11y-967
Open

fix(design-system): improve trust badge and feedback accessibility#1054
snkk2x-collab wants to merge 1 commit into
Stellar-Mail:mainfrom
snkk2x-collab:codex/design-system-a11y-967

Conversation

@snkk2x-collab

Copy link
Copy Markdown

Summary

  • make tooltip-enabled trust badges keyboard reachable and give them an accessible label that includes the state explanation
  • preserve non-tooltip badges as non-focusable presentational status pills
  • respect OS/browser reduced-motion preferences in feedback notification entrance and exit transitions
  • add regression coverage for the trust badge keyboard/name behavior

Fixes #967

Before / After

Before, a tooltip-enabled trust badge rendered as a non-focusable span, so keyboard users could not reach the explanation. Feedback notifications also always used spring motion. After this change, tooltip badges expose a keyboard focus target and accessible state explanation, while feedback toasts use near-static opacity transitions when reduced motion is requested.

Validation

  • pnpm exec vitest run src/features/design-system/components/trust-badge.test.tsx
  • pnpm exec tsc --noEmit
  • pnpm exec eslint src/features/design-system/components/trust-badge.tsx src/features/design-system/components/trust-badge.test.tsx src/features/design-system/feedback/feedback-viewport.tsx

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.

[Existing app][Design System] Close keyboard and screen-reader gaps

1 participant