ARIA Landmark Region Patterns
Based on the W3C ARIA Authoring Practices for Landmark Regions

Search Landmark

Definition

  • A search landmark contains a collection of items and objects that, as a whole, combine to create search functionality to content on the website.
  • ARIA 1.2 Specification: search landmark

Design Patterns

  • Use the search landmark instead of the form landmark when the form is used for search functionality.
  • If a page includes more than one search landmark, each should have a unique label.
The search element always defines a search landmark.

HTML Example


<search>

  <input type="search" aria-label="search text" size="20">

  <input type="submit" value="Search">

</search>

A role="search" attribute is used to define a search landmark.

ARIA Example

<form role="search">

  <input type="search" aria-label="search text" size="20">

  <input type="submit" value="Search">

</form>