Merge branch 'stage' of https://github.com/JeeveshJ7/documentation into stage

Author: JeeveshJ7

assets/images/real-device-app-testing/APP_MANAGER_APP_CARD.png

@@ -0,0 +1,155 @@
+---
+id: accessibility-mcp-server
+title: Introducing Accessibility MCP Server
+hide_title: false
+sidebar_label: Accessibility MCP Server
+description: LambdaTest’s Accessibility MCP Server tests public URLs and React apps, providing detailed reports and AI-driven insights to quickly identify and fix accessibility issues.
+
+keywords:
+  - accessibility testing
+  - accessibility
+  - lambdatest
+  - MCP
+  - MCP server
+url: https://www.lambdatest.com/support/docs/accessibility-mcp-server/
+site_name: LambdaTest
+slug: accessibility-mcp-server/
+---
+
+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": "Languages and Framework",
+          "item": "https://www.lambdatest.com/support/docs/accessibility-mcp-server/"
+        }]
+      })
+    }}
+></script>
+
+# Getting Started with Accessibility MCP Server
+LambdaTest’s Accessibility MCP Server enables comprehensive accessibility testing for both publicly hosted URLs and still-in-development front-end React applications. It delivers detailed accessibility reports that identify issues and provide guidance on remediation.
+
+Users receive actionable insights that not only helps to pinpoint and report roadblocks within web applications but also help in resolving them.
+
+The server utilizes the Model Context Protocol (MCP) to streamline the integration of AI and assistance, thereby minimizing the effort required to address accessibility concerns.
+
+## What is Model Context Protocol (MCP)?
+
+The Model Context Protocol (MCP) acts like a "USB-C for AI integrations," creating a universal language between AI models and applications. This standardized interface allows AI assistants to connect with diverse software tools, making it significantly easier to expand capabilities across your digital workflow.
+
+## Key Features of Accessibility MCP Server
+
+Here are the key benefits of using Accessibility MCP Server:
+
+- Conducts analysis to identify accessibility issues within the application.
+- Generates a comprehensive accessibility report that can be shared with team members.
+- Provides suggested remediations for addressing accessibility (a11y) issues in locally hosted applications.
+
+
+## Connecting to Accessibility MCP Server
+
+The interface can be used with various AI assistants that support the Model Context Protocol (MCP). Here's how to connect using popular assistants:
+
+### Connecting with Cline
+Cline (The Collaborative AI Coder) is an advanced, AI-powered coding assistant that integrates seamlessly into your development workflow. It provides intelligent code suggestions and documentation help—and now, with MCP support, it can interface with tools like LambdaTest Accessibility MCP to enhance your testing capabilities.
+
+#### Installing Cline in VS Code:
+
+**Step 1:** Open VS Code.<br />
+**Step 2:** Click on the Extensions icon in the Activity Bar on the side of the window (or press `Ctrl+Shift+X`).<br />
+**Step 3:** Search for **Cline** in the Extensions Marketplace.
+
+<img loading="lazy" src={require('../assets/images/hyperexecute-mcp/installing-cline.webp').default} alt="automation-dashboard"  width="1920" height="868" className="doc_img"/>
+
+**Step 4:** Click **Install** on the Cline – The Collaborative AI Coder extension.<br />
+**Step 5:** Once installed, you'll see the Cline icon in your VS Code sidebar.<br />
+**Step 6:** Click on the Cline icon to open the Cline panel.<br />
+**Step 7:** Complete any authentication steps required during first-time setup.
+
+### Connecting Cline to Accessibility MCP Server
+
+#### VS Code Configuration:
+
+**Step 1:** In VS Code, click on the Cline icon in the sidebar to open the Cline panel.<br />
+**Step 2:** Under the **MCP Servers** section, click **Remote Servers**.
+<img loading="lazy" src={require('../assets/images/hyperexecute-mcp/vs-code-config.webp').default} alt="automation-dashboard"  width="1920" height="868" className="doc_img"/>
+
+**Step 3:** Add Server Name as **MCP-Accessibility**.<br />
+**Step 4:** Enter the following URL in the server URL field: `https://mcp-api.lambdatest.com/automation?LT_USERNAME=username&LT_ACCESS_KEY=access_key` <br />
+**Step 5:** Replace [your-lt-username] and [your-lt-access-key] with your LambdaTest credentials. <br />
+**Step 6:** Click on **Add Server**. 
+
+<img loading="lazy" src={require('../assets/images/hyperexecute-mcp/mcp-add-server.webp').default} alt="automation-dashboard"  width="1920" height="868" className="doc_img"/>
+
+## Interacting with Accessibility MCP Server
+
+Once connected, you can begin using Cline to interact with the Accessibility MCP Server.	
+
+A typical workflow would look like:
+
+**1. Public URL:**  
+ - **Prompt:** Find accessibility (a11y) issues on w3schools. 
+    
+    - Cline will:
+
+     1. Open this URL in the browser via LambdaTest and generate accessibility issues.
+     2. It will give a detailed accessibility report which can be shared with the users.
+
+
+**2. Local FE (React) Apps:**  
+ - **Prompt:** Build my app and fix accessibility issues.
+    
+    - Cline will:
+
+     1. Host the local application and analyze this to identify all the areas which are causing a11y failures.
+     2. It will check all the issues and try to fix them directly in the codebase to make the application more a11y compliant.  
+     3. It will also give a detailed accessibility report to view the accessibility issues.
+
+Cline’s natural language interface allows you to work on debugging accessibility issues directly alongside your code.
+
+## **Available Tools**
+
+Accessibility MCP Server provides following two core tools:
+
+1. `getAccessibilityReport`: Fetches detailed accessibility report for the specified public URL. Users can view this report in their browser to analyse the issues.
+2. `buildLocalAppForAnalysis`:  Builds and serves your local react application via LambdaTest and identifies accessibility issues in the application.
+3. `AnalyseAppViaTunnel`: Helps test local apps which are already running via LambdaTest tunnel for accessibility failures.
+
+<nav aria-label="breadcrumbs">
+  <ul className="breadcrumbs">
+    <li className="breadcrumbs__item">
+      <a className="breadcrumbs__link" href="https://www.lambdatest.com">
+        Home
+      </a>
+    </li>
+    <li className="breadcrumbs__item">
+      <a className="breadcrumbs__link" target="_self" href="https://www.lambdatest.com/support/docs/">
+        Support
+      </a>
+    </li>
+    <li className="breadcrumbs__item breadcrumbs__item--active">
+      <span className="breadcrumbs__link">
+        Accessibility MCP Server
+      </span>
+    </li>
+  </ul>
+</nav>
+
+

assets/images/real-device-app-testing/APP_MANAGER_CTA.png

@@ -0,0 +1,153 @@
+---
+id: app-manager
+title: "App Manager on Real Devices"
+hide_title: false
+sidebar_label: App Manager
+description: Manage and test multiple app versions on real devices using LambdaTest App Manager. Supports .apk, .aab, and .ipa uploads with version control and live testing.
+
+keywords:
+    - lambdaTest
+    - lambdaTest app manager
+    - mobile app version control
+    - manage mobile app builds
+    - Accessibility Testing Settings
+    - LambdaTest app storage
+    - test .apk .aab .ipa files
+url: https://www.lambdatest.com/support/docs/app-manager/
+site_name: LambdaTest
+slug: app-manager/
+---
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+<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": "Accessibility Test Scheduling",
+          "item": "https://www.lambdatest.com/support/docs/app-manager/"
+        }]
+      })
+    }}
+></script>
+
+
+The LambdaTest App Manager is a tool within the Real Device App Testing section. It lets you easily upload, manage, and test different versions of your mobile apps. This guide explains how to access the App Manager, upload apps, search and filter them, and run any version on Real Devices.
+
+:::info Currently in BETA
+
+To enable it for your organization, please contact us via <span className="doc__lt" onClick={() => window.openLTChatWidget()}>**24×7 chat support**</span> or you can also drop a mail to **[email protected]**.<br />
+
+:::
+
+---
+
+## Accessing App Manager
+To access the App Manager in LambdaTest:
+
+**Step 1:** Navigate to **Real Device** under **App Testing** in the LambdaTest dashboard.
+
+
+**Step 2:** Click on the **App Manager** CTA.
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_CTA.png').default} className="doc_img"/>
+
+**Step 3:** This will open the **App Manager** in a new tab. 
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_MAIN_SCREEN.png').default} className="doc_img"/>
+
+## Uploading Apps on App Manager
+
+In the **App Manager** window, users can **upload mobile app** files Either by click **“Click to upload”**  or **drag and drop your file** into the upload box.
+
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_FILE_UPLOAD.png').default} className="doc_img"/>
+
+---
+:::note
+
+**Supported formats :**
+| Platform | Supported Format |
+|----------|---------------------------|
+| Android  | .apk, .aab        | 
+| iOS      | .ipa | 
+
+**Maximum App upload limit (Per batch):** 10
+
+**Maximum size per app:** 1 GB
+:::
+
+---
+
+## Searching and Filtering Apps
+Once your apps are uploaded, you can easily search and filter them using the tools provided:
+
+- **Search Bar**: Search by:
+
+  - **App Name** – the name of the app you uploaded.
+
+  - **Package Name** – the identifier for all versions of an Android app.
+
+  - **Bundle ID** – the identifier for all versions of an iOS app.
+
+- **OS Filter**: 
+  The OS Filter in the App Manager allows you to easily sort and view apps based on their operating system. This is especially useful when managing a mix of Android and iOS builds.
+  - You can filter the app list to show:
+
+    - **Android** apps only
+
+    - **iOS** apps only
+
+    - Both **Android** and **iOS** apps together
+
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_FILTER_SEARCH_BAR.png').default} className="doc_img"/>
+
+---
+## Version Control
+
+**LambdaTest App Manager** offers a convenient version control system for managing multiple versions of the same application:
+- When you click on an app name in the file bundle section, a **App Card** opens.
+- This **App Card** displays all versions of the selected app that have been uploaded.
+
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_APP_CARD.png').default} className="doc_img"/>
+- The **most recent version** appears at the top, with older versions listed below.
+- Users can:
+  -  **Search** through the uploaded App versions.
+  -  Run any version by clicking the **Green Run** button or recent version by clicking on **Run App**.
+
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_VERSION_CONTROL.png').default} className="doc_img"/>
+---
+
+## Launching an App on a Real Device  
+Once a specific version is selected:
+
+ **Step 1:** Click the **Run App** button beside the version you want to test.
+
+ **Step 2** This action redirects you to the **Real Device App Testing** screen 
+<img loading="lazy" src={require('../assets/images/real-device-app-testing/APP_MANAGER_RUN_TEST.png').default} className="doc_img"/>
+
+ **Step 3** A list of available Real devices is displayed. Click on the device you want to use for testing.
+
+ **Step 4** Click on **Start button**.
+
+ **Step 5** This will **launch your Session**.
+
+---
+## Use Case
+
+- Maintain multiple versions of the same app for **consistent version control**
+- Validate app behavior across different OS versions and device models
+- Compare versions for **debugging** or **verifying fixes**
+- Share builds with team members or stakeholders for **review and collaboration**
+- **Launch and test** any uploaded version directly on real devices
+- Maintain version history for **compliance** and **QA tracking**