| id | title | hide_title | sidebar_label | description | keywords | url | site_name | slug | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
accessibility-testing-full-page-scanner |
Full Page Scanner |
false |
Full Page Scanner |
Full Page Scanner scans multiple elements like HTML/CSS code, images, forms, and multimedia elements, ensuring WCAG compliance and automated issue detection. |
|
LambdaTest |
accessibility-testing-full-page-scanner/ |
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": "How to run Full Page Scanner", "item": "https://www.lambdatest.com/support/docs/accessibility-testing-full-page-scanner/" }] }) }} ></script>Full Page Scanner is used to analyze the accessibility of entire web pages at once. It goes beyond individual element checks and provides a comprehensive overview of potential accessibility issues across the entire page content.
- Scans Multiple elements : It analyzes various aspects of your webpage, including HTML/CSS code, images, forms, multimedia, and interactive elements.
- WCAG Compliance Checks : It identifies potential violations against relevant WCAG guidelines (e.g., missing alt text, insufficient color contrast, keyboard navigation issues).
- Automated Issue Detection : It automatically highlights problems and provides detailed descriptions, pinpointing them directly on the scanned page.
- Prioritization Options: It prioritizes issues based on severity and potential impact, helping you focus on the most critical ones first.
- Integration with other tools: You can integrate the Full Page Scanner with other LambdaTest features like screen readers and automated checks for a more comprehensive analysis.
- You have to setup the Accessibility DevTools in your browser.
- Go to the Inspect panel >> LambdaTest Accessibility DevTools of your required website.
- Click on the Full Page Scan button to start the scanning for Accessibility Issue for that particular page.
<img loading="lazy" src={require('../assets/images/accessibility-testing/full-page-scanner/1.png').default} alt="automation-dashboard" className="doc_img"/>
- This will list down all of the issues after scanning your complete webpage.
- You can click on those issues to check with which particular element it is causing issue.
<img loading="lazy" src={require('../assets/images/accessibility-testing/full-page-scanner/2.png').default} alt="automation-dashboard" className="doc_img"/>