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

[myrta2302]

📄 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

[changeset-bot]

🦋 Changeset detected

Latest commit: 223a5ba

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

[swisspost-bot]

Related Previews

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

[alionazherdetska]

Maybe you could split it into two changesets:

1. '@swisspost/design-system-components': patch
   Enhanced accessibility of post-language-switch component by replacing aria-labels with visually-hidden spans and properly assigning semantic role attributes.

2. '@swisspost/design-system-documentation': patch
   Added comprehensive accessibility guidance to post-language-switch documentation with practical examples showing how to correctly match visible text with the name prop to ensure speech recognition compatibility.

[myrta2302]

Nice idea! :)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud