Components
Search
Search allows users to quickly find relevant content on a website or in an application. The component consists of a search field, with or without a search button.
We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.
Keyboard interaction
- Pressing Esc clears the search field to provide a consistent experience across browsers.
- Tab navigation allows users to move between the input field, the clear button and the search button.
- Enter submits the search when the input field has focus.
Screen reader support
Placeholder text should not be used as the only description, as screen readers handle it differently and it can create confusion.
Edit this page on github.com (opens in a new tab)