In today’s GUI Challenge, @AdamArgyle shows how to leverage checkbox and radio groups for highly functional and beautiful picking experiences. Learn about implicit vs explicit label and input relationships, fieldset and legends, focus management, and more.
Chapters:
0:00 – Introduction
0:40 – Why picklists
2:57 – Fieldset
4:45 – Implicit vs Explicit input relationships
6:08 – Name attribute
6:50 – Keyboard interactions
8:53 – Taglist markup
11:10 – FormData().getAll()
12:35 – Debugging corner
15:23 – Accessibility Tree Tool
18:42 – Outro
Resources:
Source → https://goo.gle/46hcYhS
Demo → https://goo.gle/40GSldL
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#GUIchallenges