Pop-up button - Apple iOS app accessibility testing checklist

How to test a pop-up button

Gherkin Condensed

Given that I am on a screen with a pop-up button

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 selection changes

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 popup button
- I HEAR any visible label is read with the button in a single swipe
- I HEAR it expresses its state (dimmed, chosen selection)
Then when I doubletap with the button in focus I HEAR the options are available
Then when I swipe and doubletap on a option I HEAR the selection is changed

When I use Text resize I SEE text can resize up to 200% without losing information
When I use Increase contrast I SEE focus outline becomes high contrast

When I use	I see/hear
Arrow keys or ctrl + tab	Focus visibly moves to the button
Spacebar	Expands/collapses popup button
Arrow keys	Selects options

When I use	I hear
Swipe	Focus moves to the button, expresses its name, role, state
Doubletap	Button displays options
Swipe while open	Navigates options
Doubletap while open	Selects options

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

When I use	I see
Text resize	Text can resize up to 200% without losing information
Increase contrast	Focus outline becomes high contrast

What it is

A pop-up button displays a menu of mutually exclusive options.

Use a pull-down button instead if you need to:

Choose one option: Present a flat list of related mutually exclusive options, like small, medium, or large drink size