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

HTML Techniques
ARIA Techniques

Use the HTML search element to define 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>