ios accessibility settings

docs/accessibility-settings-ios.md

@@ -0,0 +1,105 @@
+---
+id: accessibility-settings-ios
+title: Accessibility Testing for iOS Devices
+hide_title: false
+sidebar_label: Accessibility Settings (iOS)
+description: Ensure iOS app accessibility by testing text size, high-contrast, and reduce motion settings with real-time updates, notifications, and simplified animations.
+keywords:
+    - LambdaTest
+    - Accessibility
+    - Testing
+    - DevTools
+url: https://www.lambdatest.com/support/docs/accessibility-settings-ios/
+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";
+
+<script type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: JSON.stringify({
+       "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [{
+          "@type": "ListItem",
+          "position": 1,
+          "name": "Home",
+          "item": "https://www.lambdatest.com"
+        },{
+          "@type": "ListItem",
+          "position": 2,
+          "name": "Support",
+          "item": "https://www.lambdatest.com/support/docs/"
+        },{
+          "@type": "ListItem",
+          "position": 3,
+          "name": "What is Accessibility Testing",
+          "item": "https://www.lambdatest.com/support/docs/accessibility-settings-ios/"
+        }]
+      })
+    }}
+></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.
+
+## Accessibility Settings
+The following features are essential to test when ensuring accessibility for mobile apps and web content on iOS devices:
+
+### Text Size Adjustment
+- **Requirements :** Implementation of a dropdown menu with size options or a slider control for the text size.
+- **Functionality :**
+    - **1. Real-time Updates :**
+        - Text size changes must apply immediately
+        - All text elements should scale proportionally
+        - No application restart required
+    - **2. Visual Feedback :**
+        - Loading indicator must display during backend updates
+        - Success notification required after completion
+- **Testing Checklist :**
+    - ✅ Control interface is easily accessible
+    - ✅ Text scaling occurs in real-time
+    - ✅ Loading animation displays during updates
+    - ✅ Success notification appears after completion
+    - ✅ All application text responds to size changes
+    - ✅ No text overlap or truncation occurs
+
+### Contrast Adjustment
+- **Requirements :** Implementation of a high-contrast mode toggle and Binary selection (normal/high contrast)
+- **Functionality :**
+    - **1. Toggle Implementation :**
+        - Single switch interface
+        - Clear visual indication of current state
+    - **2. Real-time Updates :**
+        - Immediate contrast changes
+        - System-wide application within the app
+    - **3. Visual Feedback :**
+        - Loading indicator during backend processing
+        - Success notification upon completion
+- **Testing Checklist :**
+    - ✅ Toggle is accessible and clearly labeled
+    - ✅ Contrast changes apply immediately
+    - ✅ Loading animation displays during processing
+    - ✅ Success notification appears after completion
+    - ✅ All UI elements reflect contrast changes
+    - ✅ Text remains readable in both states
+
+### Reduce Motion
+- **Requirements :** Implementation of motion reduction toggle and integration with iOS accessibility settings.
+- **Functionality :**
+    - **1. Motion Control :**
+        - Single toggle interface
+        - Simplified animation transitions
+        - Reduced motion alternatives
+    - **2. Visual Feedback :**
+        - Success notification upon setting update
+- **Testing Checklist :**
+    - ✅ Toggle is accessible and functional
+    - ✅ Animations are simplified when enabled
+    - ✅ Transitions use motion-reduced alternatives
+    - ✅ Success notification appears after toggle
+    - ✅ Settings persist across app sessions
+    - ✅ No jarring visual effects present
+## Conclusion
+Testing these accessibility features on iOS devices ensures that mobile apps and web content are inclusive and user-friendly for individuals with various accessibility needs. Implementing real-time changes, visual feedback (loaders/animations), and notifications for updates enhances the user experience and compliance with accessibility standards.

docs/how-to-use-in-session-testing-tools.md

@@ -39,23 +39,18 @@ slug: how-to-use-in-session-testing-tools/
 ></script>
 
 # How to Use In-Session Testing Tools ?
-***
-
 With LambdaTest’s Real Device browser testing, you get access to a plethora of features that helps QA ease their real device browser testing process, without the need of leaving the instance window. From features such as mark as bug and changing IP geolocation, to in-depth Chrome DevTools and Safari Web Inspector, LambdaTest's Real Device browser testing offers it all.
 
 Let us get an overview of all the features in our real device instance:
 
-
 <img loading="lazy" src={require('../assets/images/real-device-browser-testing/real-device-browser-testing-home.webp').default} alt="add" width="1346" height="647" className="doc_img"/>
 
 ## Comprehensive Sidebar
-***
 
 ### Home
 
 The **Home** feature on the left-sidebar allows you to go to the home screen of your selected real device instantly. 
 
-
 ### Screenshot
 
 The **Screenshot** feature allows you to take a screenshot in an instant of the current screen of the device that you are currently testing on. You can access the screenshots and even download them in the gallery section. 
@@ -74,8 +69,6 @@ The **Mark as Bug** feature allows you to push your UI related issues/edited scr
 
 <img loading="lazy" src={require('../assets/images/real-device-browser-testing/mark-as-bug-browser-testing.webp').default} alt="add" width="1346" height="647" className="doc_img"/>
 
-
-
 ### Gallery
 
 All screenshots and video recordings from test sessions are stored in the Gallery. To access, select **Gallery** from the left toolbar and you'll find the saved screenshots and videos.To download the screenshots or videos to your local machine, click on the Download icon.
@@ -110,6 +103,12 @@ You can simulate these network environments using either pre-defined profiles or
 Check out our detailed support documentation to know more about the [Network Throttling](https://www.lambdatest.com/support/docs/app-auto-network-throttling/) feature.
 
 
+### iOS Settings
+
+With the **iOS settings**, you can enable the Accessibility Testing. It focuses on ensuring that applications and web content are usable by individuals with different abilities. Learn in detailed way about [Accessibility in iOS devices.](/support/docs/accessibility-settings-ios)
+
+<img loading="lazy" src={require('../assets/images/real-device-browser-testing/ios-settings-real-device.png').default} alt="add" width="1346" height="647" className="doc_img"/>
+
 ### Device Controls
 
 With the **Device Controls** feature, you can easily manage various settings on your device, such as adjusting the volume and changing its orientation.

docs/how-to-use-testing-tools-in-session.md

@@ -130,7 +130,11 @@ Check out our detailed support documentation to know more about the [Files Uploa
 
 With the **iOS settings**, you can access the crash logs as well as the app settings. For crash logs, If the app crashes at any point, the crash log gets downloaded automatically. Application settings allows you to access the default application settings in your iOS devices. 
 
-<img loading="lazy" src={require('../assets/images/real-device-app-testing/ios-settings-real-device.webp').default} alt="add" width="1346" height="647" className="doc_img"/>
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/ios-settings-real-device.png').default} alt="add" width="1346" height="647" className="doc_img"/>
+
+- **Crash Logs :** You can download your crashed logs of the application.
+- **App Settings :** This will open the settings of the application in your mobile device.
+- **Accessibility :** Accessibility testing on iOS devices focuses on ensuring that applications and web content are usable by individuals with different abilities. Learn in detailed way about [Accessibility in iOS devices.](/support/docs/accessibility-settings-ios)
 
 ### Device Controls
 

sidebars.js

@@ -1752,7 +1752,7 @@ module.exports = {
             type: "category",
             collapsed: true,
             label: "Features",
-            items: ["camera-image-injection-on-real-devices", "biometric-authentication-on-real-devices", "contacts-on-real-devices", "real-device-adb-shell", "ui-inspector", "screen-reader-on-real-devices-app"],
+            items: ["camera-image-injection-on-real-devices", "biometric-authentication-on-real-devices", "contacts-on-real-devices", "real-device-adb-shell", "ui-inspector", "screen-reader-on-real-devices-app", "accessibility-settings-ios"],
           },
         ],
       },