Skip to content

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

All roles

search

Landmark role

A landmark identifying a section that contains search functionality for the site or page. It lets screen-reader users jump straight to the search form. Apply it to the container (or use `<search>`), not to the individual input, which stays a searchbox or textbox.

Used on
A section containing search functionality. Prefer <search>.
Accessible name
Recommended, via aria-label if there is more than one.
Example
role="search"
<search>
  <input type="search" aria-label="Search" />
</search>