Thinking on ways to solve PICKLISTS
Channel: Chrome for Developers
Date: 16/11/2023

In today's GUI Challenge, @AdamArgyleInk 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 #ChromeForDevelopers