Manual accessibility testing for mobile is important to ensure that your are fully Web Content Accessibility Guidelines (WCAG) compliant for users that use assistive technologies to access the from their phones. The ScreenReader feature enables manual accessibility testing of your on supported real Android devices.
Similar to Google TalkBack on an Android device, using the ScreenReader feature on enables TalkBack on the device to allow for element-by-element UI navigation of the and spoken description of the UI being navigated.
In this guide, you learn about:
- Supported Android devices
- Enabling and disabling ScreenReader
- Navigation when using ScreenReader
- How to test for end users who use touch gestures on their phones
- Modifying TalkBack settings
Supported Android devices
The following Android devices in support the ScreenReader feature:
| Android Version | Devices |
|---|---|
| Android 15 | Google Pixel 6 Pro |
| Android 14 | Google Pixel 6 Pro Google Pixel 8 Google Pixel 8 Pro Google Pixel 9 Google Pixel 9 Pro XL Samsung Galaxy S24 Samsung Galaxy S24 Ultra Samsung Galaxy Tab A9 Plus |
| Android 13 | Google Pixel 6 Pro Google Pixel 7 Google Pixel 7 Pro Samsung Galaxy S23 Samsung Galaxy S23 Ultra Samsung Galaxy Tab S9 |
| Android 12 | Google Pixel 6 Google Pixel 6 Pro Samsung Galaxy S21 Samsung Galaxy S22 Samsung Galaxy S22 Plus Samsung Galaxy S22 Ultra Samsung Galaxy Tab S8 |
| Android 11 | OnePlus 9 Samsung Galaxy M32 Xiaomi Redmi Note 11 |
Enable and disable ScreenReader
Ensure that your system audio is turned on.
To enable or disable the ScreenReader feature on Android devices in :
- Log in to the dashboard.
- On the vertical toolbar, click Screen Reader.
- In the Screen Reader menu, turn the toggle on or off.
If your keyboard shortcuts are not working after enabling ScreenReader, click on the device screen to ensure focus is on the device.
Navigation when using ScreenReader
Your end-users accessing your mobile on an Android device with TalkBack enabled would either navigate your via using touch gestures or keyboard shortcuts on a Bluetooth keyboard. Navigation behavior on TalkBack (such as moving to the next or previous element or auto-reading from the start of the page) that can be undertaken with these two methods will be referred to using the term “TalkBack actions” from here on.
Both ways are essentially similar in that they undertake TalkBack actions on the device UI such as moving to the next or the previous element or activating/selecting the element in focus. It should make no difference to your accessibility rating whether your end-user is using touch gestures or the bluetooth keyboard. Once you ensure your mobile WCAG compliance with one, it should work with the other. Check the next section for further details.
For the ScreenReader feature on Android devices in , use the following keyboard shortcuts to trigger TalkBack actions:
| Talkback action | MacOS keyboard layout shortcut | Windows keyboard layout shortcut |
|---|---|---|
| Moving to previous/next item | Command + (Left/Right arrow) | Ctrl + (Left/Right arrow) |
| Scroll up/down | Command + (Up/Down arrow) | Ctrl + (Up/Down arrow) |
| Activate / open element | Control + Option + Space | Ctrl + Shift + Space |
| Go back | Esc | Esc |
| Pause or resume speech | Control + Option + Z | Ctrl + Shift + Z |
| Read from next item | Control + Option + P | Ctrl + Shift + P |
| Move up the slider | Control + Option + U | Ctrl + Shift + U |
| Move down the slider | Control + Option + D | Ctrl + Shift + D |
| Go to home screen | Control + Option + H | Ctrl + Shift + H |
| Go to recents | Control + Option + R | Ctrl + Shift + R |
| Go to quick settings | Control + Option + Q | Ctrl + Shift + Q |
| Long click highlighted item | Control + Option + L | Ctrl + Shift + L |
| Go to notifications | Control + Option + N | Ctrl + Shift + N |
| TalkBack menu | Control + Option + T | Ctrl + Shift + T |
| Move to next reading control | Control + Option + J | Ctrl + Shift + J |
| Move to previous reading control | Control + Option + K | Ctrl + Shift + K |
The following is a video demo of the above actions using the shortcuts:
While you do not hear audio in the video demos provided here, you will hear audio when using the ScreenReader feature on BrowserStack Android devices during a test session.
How to test for end users who use touch gestures on their phones
Any Android device can be seen to have two modes of behavior depending on the kind of action they generate when using touch gestures:
- During regular use.
- When TalkBack is turned on.
For example, during regular usage, a swipe left or swipe right gesture may trigger the following actions, depending on where you are on the device:
- Moves to the previous/next screen on the homepage.
- Move to the previous/next picture in a photo gallery.
When TalkBack is turned on however, the same swipe left or swipe right gesture may trigger a TalkBack action which is moving focus to the previous or the next UI element on the screen.
These two modes of UI actions/behaviour are referred to as regular mode and TalkBack mode respectively in this document.
However, even when using TalkBack with the ScreenReader feature in , touch gestures trigger regular mode actions and not TalkBack mode actions, as defined in the official TalkBack documentation page.
Then, how should you test your mobile accessibility for end users who use touch gestures on Android phones with TalkBack enabled?
The answer is, you don’t have to. Simply ensure that your is accessible via keyboard navigation on real devices in .
WCAG compliance and accessibility is for ensuring aspects such as:
- UI elements and controls on your are reachable and in the correct order when traversed in linear order via touch gestures like swipe left/right, or corresponding keyboard shortcuts for moving to previous or next element.
- The description of UI elements and controls on your is such that it makes sense to a user hearing them via the TalkBack audio readout.
Hence, it makes no difference to your accessibility rating, whether the end user navigates the via the keyboard, or by using touch gestures when TalkBack is enabled. This is because the underlying ordering of UI elements, their reachability, and their description remains the same. Ensuring that your is accessible by testing with one mode (keyboard or touch gestures) would ensure that it is accessible even if the end user is using another mode.
Modify TalkBack settings
BSTalkback is a BrowserStack app built on the open-source Android TalkBack. As a result, screen reader behavior on BrowserStack devices matches behavior on real handheld devices, and core functionality remains the same.
After enabling the ScreenReader feature, you can modify settings as follows:
- On the vertical toolbar, click Show Home Screen.
- Click Settings.
- In the Settings menu, click Accessibility.
- In the Accessibility menu, click Installed Apps.
- In the Installed Apps menu, click BSTalkback. The BSTalkback option is turned on when TalkBack is enabled.
- In the BSTalkback menu, click Settings to view or modify your TalkBack settings.
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!