Legge til role="switch" i ToggleSwitch

[andrea-sb1]

For at ToggleSwitch-er skal leses opp av skjermlesere på en måte som best mulig gjenspeiler hvordan de ser ut og oppfører seg visuelt, anbefaler W3C å bruke role="switch". Skjermlesere leser da opp «på, bytt»/«av, bytt» i stedet for «markert, avmerkingsboks»/«ikke markert, avmerkingsboks» som leses opp nå.

«Switch role. A switch provides approximately the same functionality as a checkbox and toggle button, but makes it possible for assistive technologies to present the widget in a fashion consistent with its on-screen appearance.»
https://w3c.github.io/aria/#switch

https://www.w3.org/WAI/ARIA/apg/patterns/switch

Foreslår derfor å legge til role="switch" (i tillegg til type="checkbox") i input-elementet til ToggleSwitch-komponenten.

[hagenek]

Laget en PR, håper det kommer opp en versjon av storybook hvor vi kan teste forandringen sammen.

[hagenek]

https://black-beach-0d62d0d03-2563.westeurope.2.azurestaticapps.net/?path=/docs/komponenter-form-toggleswitch--docs

[andrea-sb1]

Laget en PR, håper det kommer opp en versjon av storybook hvor vi kan teste forandringen sammen.

Herlig, @hagenek!

Fungerer som forventet når jeg tester med skjermleser (VoiceOver) i Safari og Chrome på Mac. Skjermleser leser nå opp «på, bytt»/«av, bytt» i stedet for «markert, avmerkingsboks»/«ikke markert, avmerkingsboks» 👍

• MacBook Air
• macOS Sequoia 15.3.1
• Safari 18.3
• Chrome 133.0.6943.127