Skip to content

Commit 946a0b7

Browse files
author
akshayverma
committed
one again commit
1 parent d1452c6 commit 946a0b7

File tree

3 files changed

+17
-21
lines changed

3 files changed

+17
-21
lines changed

‎assets/images/real-device-app-testing/step_one_voiceover.png‎

249 KB
Loading

‎assets/images/real-device-app-testing/step_two_voiceover.png‎

384 KB
Loading

‎docs/screen-reader-voiceover-real-devices-app.md‎

Lines changed: 17 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
id: screen-reader-voiceover-real-devices-app
33
title: Screen Reader (VoiceOver) on iOS Devices
44
sidebar_label: Screen Reader (VoiceOver)
5-
description: Test your app's accessibility with LambdaTest's Screen Reader (VoiceOver). Navigate through app elements with spoken descriptions on real iOS devices, ensuring compliance with WCAG standards.
5+
description: Test your app's and website's accessibility with LambdaTest's Screen Reader (VoiceOver) on iOS devices across multiple browsers. Navigate through app elements with spoken descriptions, ensuring compliance with WCAG standards.
66
keywords:
77
- screen reader
88
- voiceover
@@ -53,35 +53,33 @@ Ensuring accessibility with VoiceOver is essential for creating inclusive digita
5353

5454
## Accessing Screen Reader in Real Device App Testing
5555

56-
**Step 1:** Click on the **Real Devices** > **App Testing**
56+
**Step 1:** Click on the **Real Devices** > **App Testing/Browser Testing**
5757

5858
**Step 2:** Select a supported **iOS device** from the list. Supported devices will have an `Accessibility` icon next to them as shown below.
5959

60-
<img loading="lazy" src={require('../assets/images/real-device-app-testing/talkback.png').default} className="doc_img"/>
60+
<img loading="lazy" src={require('../assets/images/real-device-app-testing/step_one_voiceover.png').default} className="doc_img"/>
6161

62-
**Step 3:** Click on the **screen reader** option from toolbar and use toggle to enable and disable talkBack feature on your device.
62+
**Step 3:** Click on the **screen reader** option from toolbar and use toggle to enable and disable voiceover feature on your device. Once enabled this will take around 10-15 seconds to start the feature on your device.
6363

64-
<img loading="lazy" src={require('../assets/images/real-device-app-testing/talkback.png').default} className="doc_img"/>
64+
<img loading="lazy" src={require('../assets/images/real-device-app-testing/step_two_voiceover.png').default} className="doc_img"/>
6565

6666
> Make sure your system's audio is turned on to hear the spoken descriptions provided by VoiceOver.
6767
6868
## Supported Devices
6969

70-
The VoiceOver feature is currently supported on select real iOS devices, allowing accurate accessibility testing. Below is the list of supported devices, with more being added over time to enhance accessibility coverage:
70+
The VoiceOver feature is currently supported on selected iOS devices, allowing accurate accessibility testing. Below is the list of supported devices, with more being added over time to enhance accessibility coverage:
7171

7272
| Device | iOS Version |
7373
|--------|--------------|
7474
| iPhone 15 | iOS 17 |
7575
| iPhone 16 | iOS 18 |
76-
| iPhone 15 Pro | iOS 17 |
77-
7876

7977
---
8078
## How to Navigate using Keyboard Shortcuts
8179

82-
The navigation behavior on iOS—such as moving to the next or previous element, auto-reading from the start of the page, and interacting with UI elements—can be performed using either touch gestures or keyboard shortcuts when **VoiceOver** is enabled.
80+
The navigation behavior on iOS—such as moving to the next or previous element, auto-reading from the start of the page, and interacting with UI elements—can be performed using keyboard shortcuts when **VoiceOver** is enabled.
8381

84-
On a real iOS device, VoiceOver navigation can be executed via keyboard shortcuts or touch gestures. However, when performing accessibility testing, using keyboard shortcuts is the most efficient way to validate VoiceOver interactions.
82+
On a real iOS device, VoiceOver navigation can be executed via keyboard shortcuts and touch gestures as well . However, when performing accessibility testing, using keyboard shortcuts is the most efficient way to validate VoiceOver interactions.
8583

8684
Ensuring that your website or application is accessible using **keyboard shortcuts** guarantees that it will also be accessible through touch gestures. If a site is fully navigable and interactable using VoiceOver keyboard commands, it will be equally accessible through swipe gestures and VoiceOver touch commands.
8785

@@ -94,34 +92,32 @@ Below is a list of VoiceOver keyboard shortcuts, using `Control+Option` on macOS
9492
| Action | macOS (Control+Option) | Windows (Ctrl+Alt) |
9593
|------------------------------------------------------|------------------------------------------------------|------------------------------------------------------|
9694
| Turn on VoiceOver Help | Control+Option+K | Ctrl+Alt+K |
97-
| Turn off VoiceOver Help | Esc (Escape) | Esc (Escape) |
95+
| Turn off VoiceOver Help | Option+Esc | Windows+Esc |
9896
| Select the next or previous item | Control+Option+Right Arrow / Control+Option+Left Arrow | Ctrl+Alt+Right Arrow / Ctrl+Alt+Left Arrow |
9997
| Activate the selected item | Control+Option+Space bar | Ctrl+Alt+Space bar |
10098
| Touch and hold the selected item | Control+Option+Shift+M | Ctrl+Alt+Shift+M |
10199
| Read from the current position | Control+Option+A | Ctrl+Alt+A |
102100
| Read from the top | Control+Option+B | Ctrl+Alt+B |
103-
| Pause or resume reading | Control | Ctrl |
101+
| Pause reading | Control+Option+Hyphen | Ctrl+Alt+Hyphen |
104102
| Copy the last spoken text to the clipboard | Control+Option+Shift+C | Ctrl+Alt+Shift+C |
105103
| Search for text | Control+Option+F | Ctrl+Alt+F |
106104
| Mute or unmute VoiceOver | Control+Option+S | Ctrl+Alt+S |
107105
| Go to the Home Screen | Control+Option+H | Ctrl+Alt+H |
108-
| Move to the status bar | Control+Option+M | Ctrl+Alt+M |
109-
| Open Notifications screen | (Control+Option+M), then Option+Up Arrow | (Ctrl+Alt+M), then Alt+Up Arrow |
110-
| Open Control Center | (Control+Option+M), then Option+Down Arrow | (Ctrl+Alt+M), then Alt+Down Arrow |
111-
| Open Search | Option+Up Arrow | Alt+Up Arrow |
112-
| Open the App Switcher | Control+Option+H, then H | Ctrl+Alt+H, then H |
106+
| Move to the status bar | Control+Option+M, then Option+Up Arrow | Ctrl+Alt+M, then Alt+Up Arrow |
107+
| Open Control centre | (Control+Option+M), then Option+Down Arrow | (Ctrl+Alt+M), then Alt+Down Arrow |
108+
| Open the App Switcher | Control+Option+H+H | Ctrl+Alt+H+H |
113109
| Open the Item Chooser | Control+Option+I | Ctrl+Alt+I |
114110
| Change the label of the selected item | Control+Option+Slash | Ctrl+Alt+Slash |
115-
| Start, stop, or pause an action | Control+Option+Hyphen | Ctrl+Alt+Hyphen |
116111
| Swipe up or down | Control+Option+Up Arrow / Control+Option+Down Arrow | Ctrl+Alt+Up Arrow / Ctrl+Alt+Down Arrow |
117112
| Turn the rotor left or right | Control+Option+Command+Left Arrow / Right Arrow | Ctrl+Alt+Command+Left Arrow / Right Arrow |
118113
| Adjust the setting specified by the rotor | Control+Option+Command+Up Arrow / Down Arrow | Ctrl+Alt+Command+Up Arrow / Down Arrow |
119-
| Turn the screen curtain on or off | Control+Option+Fn+Hyphen | Ctrl+Alt+Fn+Hyphen |
120-
| Return to the previous screen | Esc | Esc |
114+
| Return to the previous screen | Option+Esc | Windows+Esc+EscEsc |
115+
116+
By incorporating **VoiceOver** keyboard navigation into your accessibility testing workflow, you can identify usability barriers early, ensuring compliance with WCAG standards and delivering an **inclusive digital experience for all users**.
117+
121118

122119
:::tip
123120

124121
If the keyboard shortcuts do not work initially, click on the device screen in your test session to ensure that it is in focus.
125122
:::
126123

127-
By incorporating VoiceOver keyboard navigation into your accessibility testing workflow, you can identify usability barriers early, ensuring compliance with WCAG standards and delivering an inclusive digital experience for all users.

0 commit comments

Comments
 (0)