Horizontal scroll

How to test a horizontal scroll

Gherkin Condensed

Given that I am on a screen with a horizontal scroll

1 Keyboard

WHEN I use the arrow keys or ctrl + tab to move focus to a control I SEE focus is visually indicated (strongly if high contrast enabled)
Then when I use the spacebar to activate the control I SEE the action occurs

2 VoiceOver screenreader

WHEN I use a screenreader AND I swipe to browse the content
- I HEAR its purpose is clear (typically from a heading above)
- I HEAR content item index is announced (ex: 3 of 5)
Then when I doubletap with a control in focus I HEAR the action occurs

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 controls in the scroll view
Spacebar	Activates controls

2 Mobile screenreader gestures

When I use	I hear
Swipe	Focus moves through the content
Doubletap	Activates controls

3 Screenreader output

Reads	I hear
Name	Its purpose is clear (typically from a heading above)
Group	Content item index is announced (ex: 3 of 5)

4 Device settings

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

Usage

A scroll view lets people view content that’s larger than the view’s boundaries by moving the content vertically or horizontally.

Keyboard access

SwiftUI’s scroll views are not scrollable with full keyboard access unless there is a focusable control like a button inside.

UIkit’s allowsKeyboardScrolling is a Boolean value that determines whether the scroll view allows scrolling its content with keyboard input. The scroll view needs to have focus or be first responder to receive these key events.

Apple HIG

Apple HIG overview