Skip to main content Skip to site Map

Popover tooltip

How to test a popover tooltip

Gherkin Condensed

Given that I am on a screen with a popover tooltip

1 Keyboard

WHEN I use the arrow keys or ctrl + tab to move focus to a button I SEE focus is visually indicated (strongly if high contrast enabled)
Then when I use the spacebar I SEE the options are available
Then when I use the ctrl + tab key or arrow key I SEE the popover is toggled open/closed
Or when I use the escape key I SEE the popover closed

2 VoiceOver screenreader

WHEN I use a screenreader AND I swipe to focus on a button
- I HEAR its purpose is clear and matches visible label
- I HEAR it identifies itself as a button
- I HEAR any visible label is read with the button in a single swipe
- I HEAR it expresses its state (expanded)
Then when I doubletap with the button in focus I HEAR the popover is toggled open/closed

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
Arrow keys or ctrl + tab	Focus visibly moves to the button
Spacebar	Expands/collapses popover
Escape	Closes the popover

2 Mobile screenreader gestures

When I use	I hear
Swipe	Focus moves to the button, expresses its name, role
Doubletap	Button displays popover
Swipe again	Browses popover

3 Screenreader output

Reads	I hear
Name	Its purpose is clear and matches visible label
Role	It identifies itself as a button
Group	Any visible label is read with the button in a single swipe
State	It expresses its state (expanded)

4 Device settings

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

Usage

A popover tooltip or inline tip is a transient view that appears above other content when people click or tap a control or interactive area.

Apple HIG