[Video](https://www.youtube.com/watch?v=l7kmBCRqfLw)

In today's GUI Challenge, @AdamArgyleInk turns a radio group into a text alignment changing switch group. Learn how to test the accessibility, change the layout, and add a few affordances that round out the component.

Chapters:

- 0:00 - Introduction
- 0:46 - Debugging Corner
- 1:25 - HTML
- 3:17 - Screen Reader UX
- 5:22 - Switch Group
- 8:15 - Switch Group Button
- 13:03 - Closing

Resources:

- Try a demo → <https://goo.gle/3YPSqtr>
- Get the source → <https://goo.gle/3l3cGd4>
- Nested border-radius →<https://goo.gle/3JsaZiE>

Watch more GUI Challenges → <https://goo.gle/GUIchallenges>

Subscribe to Google Chrome Developers → <https://goo.gle/ChromeDevs>

[Back to all episodes](https://web.dev/shows/)