accessibility

docs/accessibility-settings-ios.md

@@ -14,8 +14,8 @@ site_name: LambdaTest
 slug: accessibility-settings-ios/
 ---
 
-import CodeBlock from '@theme/CodeBlock';
-import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/component/keys";
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 <script type="application/ld+json"
       dangerouslySetInnerHTML={{ __html: JSON.stringify({
@@ -42,34 +42,51 @@ import {YOUR_LAMBDATEST_USERNAME, YOUR_LAMBDATEST_ACCESS_KEY} from "@site/src/co
 ></script>
 Accessibility testing ensures that mobile applications and web content are accessible to all users, including those with disabilities. On iOS devices, this involves testing various accessibility features like text size adjustments, contrast settings, and motion reduction.
 
-This document outlines the requirements and testing procedures for accessibility features in iOS applications and mobile browsers. These features ensure that applications are usable by individuals with various accessibility needs.
+This document outlines the accessibility settings features provided in Real Devices (iOS) at LambdaTest. These features ensure that applications are usable by individuals with various accessibility needs.
 
 ## Accessibility Settings
-The following features are essential to test when ensuring accessibility for mobile apps and web content on iOS devices:
+iOS devices offer a range of accessibility features that can be enabled during setup and customized through the Settings app, as outlined in [Apple’s documentation](https://support.apple.com/en-in/guide/iphone/iph3e2e4367/ios).
 
-### Display and Text Size
-This section focuses on improving text visibility and contrast to assist users with visual needs.
+> This feature is supported in manual testing for both apps and browsers on iOS real devices.
+
+## Steps to set accessibility settings:
+
+**Step 1 :** Go to the **Real Devices** > **App Testing** / **Browser Testing** <br />
+**Step 2 :** Select the device-browser combination to start your test session. <br />
+**Step 3 :** On the testing toolbar, click on the **iOS Settings** > **Accessibility**. <br />
+
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/accessibility-1.png').default} className="doc_img"/>
+
+<Tabs className="docs__val">
+
+<TabItem value="display-text" label="Display and Text Size" default>
+
+- On the **iOS Settings** > **Accessibility** prompt, select **Display and Text Size**.
+- Now, you can enable or disable the required display settings by clicking on the checkboxes, and use the slider to adjust the text size.
+- Click on the Update button. A prompt will appear on the dashboard stating "**Accessibility Settings updated successfully**".
 
 #### Key Features:
 - **Increase Contrast :** Enabling this option enhances the contrast of UI elements against the background, making text and interface components easier to see.
-
 - **Smart Invert :** This option reverses colors on the display, except for media and images. It's designed for users who prefer darker backgrounds without inverting every color on the screen.
-
 - **Larger Accessibility Settings :** When enabled, this option adjusts interface elements to be larger and more accessible without affecting the core layout of the device’s UI.
-
 - **Text Size Adjustment :** A slider is provided to adjust the size of the text throughout the system. Users can move the slider to the right for larger text and to the left for smaller text. This feature benefits users who need larger fonts for readability across apps and system interfaces.
 
-<img loading="lazy" src={require('../assets/images/real-device-app-testing/accessibility-1.png').default} className="doc_img"/>
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/accessibility-2.png').default} className="doc_img"/>
+
+</TabItem>
 
-### Reduce Motion
+<TabItem value="reduce-motion" label="Reduce Motion" default>
 
-The Reduce Motion setting is designed to minimize dynamic animations and motion effects. This can benefit users sensitive to motion or those who prefer a more static display.
+- On the **iOS Settings** > **Accessibility** prompt, select **Reduce Motion**.
+- Toggle the button to minimize dynamic animations and motion effect.
+- Click on the Update button. A prompt will appear on the dashboard stating "**Accessibility Settings updated successfully**".
 
 #### Key Features:
 - **Reduce Motion of User Interface :** This toggle reduces animations throughout the system, including the parallax effect of icons on the Home Screen and in-app transitions.
 - **Parallax Effect Adjustment :** Disabling parallax can create a more stable and comfortable experience, particularly for users prone to motion sickness.
 
-<img loading="lazy" src={require('../assets/images/real-device-app-testing/accessibility-2.png').default} className="doc_img"/>
+</TabItem>
+</Tabs>
 
 ## Conclusion
 These accessibility settings allow iOS users to customize their device’s interface to match individual needs, improving usability and comfort. Whether adjusting text size or reducing motion,