Skip to main content Skip to site Map

Search

How to test a search

Gherkin Condensed

Given that I am on a screen with a search

1 Keyboard

WHEN I use the tab key or arrow key to move focus to a search field I SEE focus is visually indicated
Then when I use spacebar or enter to activate the search field I SEE the search results are displayed

2 Android screenreader

WHEN I use a screenreader AND I swipe to focus on a search field
- I HEAR Its purpose is clear and matches any visible label
- I HEAR It identifies itself as a search field
- I HEAR It expresses its state (disabled, etc)
Then when I doubletap with the search field in focus I HEAR the keyboard is displayed

3 Device settings

When I use Text resize I SEE text can resize up to 200% without losing information

1 Keyboard actions

When I use	I see/hear
Tab or arrow keys	Focus visibly moves to the search
Spacebar or enter	Activates the search

2 Mobile screenreader gestures

When I use	I hear
Swipe	Focus moves to the search, expresses its name, role
Doubletap	Activates the search

3 Screenreader output

Reads	I hear
Name	Its purpose is clear and matches any visible label
Role	It identifies itself as a search field
State	It expresses its state (disabled, etc)

4 Device settings

When I use	I see
Text resize	Text can resize up to 200% without losing information

Usage

Search lets people enter a keyword or phrase to get relevant information

Use search bars and views for navigating a product through search queries
Always display results in a search view
Search bars can include a leading Search icon and an optional trailing icon

Material guidance

Material accessibility overview

Related search entries