W3C Logo

ARIA Landmarks Example

Visually outline the landmarks and/or headings on the page using the following buttons.

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.1 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.

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>

There is no HTML5 element that defines a search landmark.