Thinking on ways to solve SWITCH GROUPS

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

#GUIchallenges #CSS #ChromeDeveloper

Back to all episodes

By Chrome DevRel