pattern-library 2 linked patterns checked
U.S. Web Design System Select component
Documents select controls for about seven to 15 options in limited space, persistent labels, avoiding auto-submit, radio alternatives for fewer options, and combo box alternatives for longer lists.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Inaccessible custom select | Flag this anti-pattern when a custom dropdown cannot be opened, navigated, selected, dismissed, and reviewed by keyboard. | The trigger exposes an accessible name, current value, role, and expanded or collapsed state. | USWDS select guidance supports sparing native select use, persistent labels, no auto-submit, and radio or combo-box alternatives. |
| Select | Choose select sparingly for a single choice from a moderate known list when space or task priority justifies collapsing options. | The selected value remains visible after the menu closes. | USWDS select guidance supports sparing use for about seven to 15 options, persistent labels, no auto-submit, and radio/combo-box alternatives. |
Comparisons supported by this source
- Inaccessible custom select vs select vs autocomplete vs multi-select
USWDS documents select use, radio alternatives for short lists, combo-box alternatives for long lists, and no auto-submit.
- Radio group vs select
USWDS select guidance recommends select sparingly for about seven to 15 options and points to radios for fewer choices.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: U.S. Web Design System. Last checked: .