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