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.

ARIA Techniques
HTML5 Techniques

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.