Skip to main content Skip to site Map

Tooltip (plain)

How to test a tooltip (plain)

Gherkin Condensed

Given that I am on a screen with a tooltip (plain)

1 Keyboard

WHEN I use the tab or arrow keys to move focus to a control with a plain tooltip I SEE focus is visually indicated on the entire control NOT the tooltip

2 Android screenreader

WHEN I use a screenreader AND I swipe to browse to a control with a plain tooltip
- I HEAR the name of the control, matching the plain tooltip (but not both)

3 Device settings

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

1 Keyboard actions

When I use	I see/hear
Arrow keys or tab	Moves focus to the control, causing the plain tooltip to display
Space or enter	Activates any controls

2 Mobile screenreader gestures

When I use	I hear
Swipe	Focus moves to the control, causing the plain tooltip to display
Doubletap	Activates any controls

3 Screenreader output

Reads	I hear
Name	The name of the control, matching the plain tooltip (but not both)

4 Device settings

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

Usage

Tooltips display brief labels or messages.

Use tooltips to add additional context to a button or other UI element.

Two types:

Plain
- Plain tooltips briefly describe a UI element. They’re best used for labelling UI elements with no text, like icon-only buttons and fields.
Rich
- Rich tooltips provide additional context about a UI element. They can optionally contain a subhead, buttons, and hyperlinks. Rich tooltips are best used for longer text like definitions or explanations.
- Acceptance criteria

Material guidance

Material accessibility overview

Related tooltip (plain) entries