Use Screen Reader on Android in Live
Use the ScreenReader feature on real Android devices in Live.
Introduction
Manual accessibility testing for mobile websites is important to ensure that your websites are fully Web Content Accessibility Guidelines (WCAG) compliant for differently abled users accessing the websites from their phones. The Live ScreenReader feature enables manual accessibility testing of your mobile websites on supported real Android devices and browsers.
Similar to Google TalkBack on an Android device, using the ScreenReader feature on Live enables TalkBack on the device to allow for element-by-element UI navigation of the mobile website 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 Live support the ScreenReader feature:
Devices | Android Version |
---|---|
Google Pixel 6 Pro | Android 14 |
Samsung Galaxy S23, Samsung Galaxy S23 Ultra, Google Pixel 7, Google Pixel 7 Pro, Google Pixel 6 Pro |
Android 13 |
Samsung Galaxy S21. Samsung Galaxy S22, Samsung Galaxy S22 Ultra, Samsung Galaxy S22 Plus, Google Pixel 6 Pro, Google Pixel 6 |
Android 12 |
Samsung Galaxy M32, Xiaomi Redmi Note 11, OnePlus 9 |
Android 11 |
Enable and disable ScreenReader
- Log in to the Live dashboard.
- On the Live dashboard, select the device-browser combination to start your test session.
- In Screen Reader option on the Live toolbar:
- Click the Enable ScreenReader checkbox to enable the ScreenReader option.
- Click the Disable ScreenReader checkbox to disable the ScreenReader option.
Ensure that audio is enabled on your system, to hear the spoken description being provided by TalkBack.
Click on the Android device screen on Live after enabling ScreenReader to ensure focus on it in case your keyboard shortcuts are not working.
Navigation when using ScreenReader
Your website’s end-users accessing your mobile website on an Android device with TalkBack enabled would either navigate your website 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 website’s accessibility rating whether your end-user is using touch gestures or the bluetooth keyboard. Once you ensure your mobile website’s 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 Live, 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) |
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 |
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 should be able to when using the ScreenReader feature on Android devices in Live.
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 Live, 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 website 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 website is accessible via keyboard navigation on real devices in Live.
WCAG compliance and accessibility is for ensuring aspects such as:
- UI elements and controls on your website 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 website is such that it makes sense to a user hearing them via the TalkBack audio readout.
Hence, it makes no difference to your website’s accessibility rating, whether the end user navigates the website 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 website 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
After you have TalkBack enabled on the Live device by enabling the ScreenReader feature, you can access and modify TalkBack settings as follows:
- On the Live toolbar, click Show Home Screen.
- Click Settings.
- On the Settings menu, click Accessibility.
- On the Accessibility menu, click Installed Apps.
- On the Installed Apps menu, click BSTalkback.
The BSTalkback option is turned on when TalkBack is enabled. - On 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!