pattern-library 3 linked patterns checked
Ontario Design System Autocomplete
Documents autocomplete as a text input with popup suggestions, combobox semantics, keyboard behavior, and selection from matching values.
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 |
|---|---|---|---|
| Autocomplete | Choose autocomplete for constrained or semi-constrained values. | Typed text remains under user control. | Ontario autocomplete guidance supports text input with popup suggestions, combobox semantics, keyboard behavior, and known-value selection. |
| Combobox | Choose a combobox when a single field controls a popup of allowed or suggested values. | The combobox element owns or controls its popup with aria-controls when the popup is available. | Ontario guidance documents combobox role, popup connection, expanded state, autocomplete list behavior, option roles, and keyboard or mouse focus management. |
| 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. | Ontario documents autocomplete as a text input with popup suggestions, combobox semantics, keyboard behavior, and selection from matching values. |
Comparisons supported by this source
- Inaccessible custom select vs select vs autocomplete vs multi-select
Ontario documents autocomplete with combobox semantics, filtering, keyboard behavior, and known-value selection.
- Search suggestions vs autocomplete
Ontario autocomplete guidance supports the constrained known-value autocomplete side of the comparison.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Ontario Design System. Last checked: .