![Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog](https://joshcollinsworth.com/images/post_images/toggle_switches/accessible-toggle-buttons.png)
Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog
![Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog](https://joshcollinsworth.com/images/post_images/toggle_switches/pricing-switch.png)
Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog
João Figueiredo on X: "A11Y Tip: When using a toggle icon button, make it accessible to screen reader users by: 1. Providing text alternatives using ` aria-label`. 2. Announce state with `aria-pressed`. #a11y #
![Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog](https://joshcollinsworth.com/images/post_images/toggle_switches/accessibility-panel.png)
Building accessible toggle buttons (with examples for Svelte, Vue, and React) - Josh Collinsworth blog
![Incorrect aria-label is defined for toggle button · Issue #273 · jakezatecky/react-checkbox-tree · GitHub Incorrect aria-label is defined for toggle button · Issue #273 · jakezatecky/react-checkbox-tree · GitHub](https://user-images.githubusercontent.com/18317674/118055762-8de67600-b33d-11eb-884b-525d80dc3c25.png)