design-system icon indicating copy to clipboard operation
design-system copied to clipboard

chore(components): update language switch accessible names and roles

Open myrta2302 opened this issue 7 months ago • 3 comments

📄 Description

This PR initial goal was to fix non conformity with the https://www.w3.org/WAI/WCAG22/Understanding/label-in-name accessibility guideline. Instead of modifying the aria-label content this PR replaces the aria-labels set on the contained button elements with descriptive visually hidden span texts. List variant 'role' attrs are modified to correctly recognize list items. An info box is added in the language switch page of the documentation to inform about proper usage of the name language option prop.

📝 Checklist

  • ✅ My code follows the style guidelines of this project
  • 🛠️ I have performed a self-review of my own code
  • 📄 I have made corresponding changes to the documentation
  • ⚠️ My changes generate no new warnings or errors
  • ✔️ New and existing unit tests pass locally with my changes

myrta2302 avatar Apr 26 '25 07:04 myrta2302

🦋 Changeset detected

Latest commit: c4809ca0d79e3ce8a795cfd33cb369f59e86116d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages
Name Type
@swisspost/design-system-documentation Patch
@swisspost/design-system-components Patch
@swisspost/design-system-components-angular-workspace Patch
@swisspost/design-system-components-react Patch
@swisspost/design-system-components-angular Patch
@swisspost/design-system-nextjs-integration Patch
@swisspost/design-system-styles Patch
@swisspost/design-system-tokens Patch
@swisspost/design-system-icons Patch
@swisspost/design-system-styles-primeng Patch
@swisspost/internet-header Patch
@swisspost/design-system-styles-primeng-workspace Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Apr 26 '25 07:04 changeset-bot[bot]

Related Previews

  • https://preview-5350--swisspost-design-system-next.netlify.app

swisspost-bot avatar Apr 26 '25 07:04 swisspost-bot