nidjdackonjofdcclfbdcapbkgghcdjf
Accessibility Checker for developers and testers to identify WCAG issues directly in Chrome for improved accessibility compliance. Free accessibility checker Chrome extension for instant WCAG, ADA, and EAA compliance testing, directly in your browser, on any webpage. Accessibility Checker by WebYes helps web developers, designers, QA teams, website owners, and accessibility auditors quickly identify WCAG accessibility issues without complex setup, DevTools dependency, or sign-in. Use it to spot high-impact accessibility issues early, validate page structure, and build more inclusive digital experiences. ✅ Instant accessibility testing in Chrome Run a complete page-level accessibility audit in seconds. No configuration, no learning curve, just open a page and start testing. ✅ WCAG 2.0, 2.1 & 2.2 compliance checks (A, AA, AAA) Detect accessibility violations mapped to WCAG 2.0, 2.1, and 2.2 success criteria at all conformance levels. Supports preparation for ADA, EAA, and Section 508 compliance. ✅ Color contrast checker Check foreground and background contrast for text and UI elements like buttons and inputs, with instant WCAG AA and AAA pass/fail results shown on the page. Sample colors with the eyedropper, test alternatives in real time, and copy HEX values for quick use. ✅ Disability experience simulations See your page through the eyes of users with different disabilities. Simulate dyslexia, low vision, and colour blindness conditions directly in the browser to understand real-world accessibility barriers. ✅ Landmark navigation Visualize ARIA landmarks and page regions to verify that screen reader users can efficiently navigate your page structure without relying solely on headings or tab order. ✅ Best practices checks Go beyond strict WCAG errors. Discover usability and inclusivity improvements that enhance real user experience, not just technical compliance. ✅ Visual issue highlighting See exactly where accessibility issues occur on the page. Inspect affected elements without opening DevTools or writing a single line of code. ✅ Heading structure & focus order visualization Visualize heading hierarchy and keyboard navigation (tab) order, two of the most frequently cited accessibility failures in WCAG audits. ✅ Alt text & image accessibility checks Review all images alongside their alt text to verify accuracy and completeness across the page. ✅ Exportable accessibility reports Download a full report of your audit results, including every issue mapped to its WCAG criterion and severity level, affected code snippets, and best practice recommendations. Ready to share with clients, developers, or stakeholders. ✅ Desktop & mobile testing Test accessibility on both desktop and mobile page layouts without switching tools or devices. ✅ Privacy-first by design - Runs entirely locally in your browser, no external requests - Zero data collection or user tracking - No sign-in or account required - Safe to use on internal tools, staging environments, and sensitive environments. Who is this extension for? - Web developers running fast WCAG compliance checks during development - Designers validating color contrast, layout structure, and keyboard navigation - QA engineers running accessibility testing as part of their workflow - Accessibility auditors conducting early-stage or rapid page reviews - Businesses preparing for ADA compliance, EAA compliance, or Section 508 requirements - Website owners and content editors who want a free, no-code accessibility checker - Anyone looking for a free accessibility checker Chrome extension Coming Soon We're actively building new features to deepen insights and broaden accessibility coverage: 🔹 ARIA role validation for improved screen reader compatibility 🔹 Link purpose detection, flags vague link text such as "click here" or "read more" 1. Install Accessibility Checker by WebYes from the Chrome Web Store 2. Pin the extension to your Chrome toolbar for one-click access 3. Open any webpage you want to test 4. Click the extension icon and run your accessibility check instantly Disclaimer Accessibility Checker by WebYes is a testing aid and should not be treated as a definitive measure of legal compliance. Passing all checks does not guarantee full conformance with WCAG guidelines or legal requirements under the ADA or EAA. For complete accessibility assurance, professional audits are recommended. Privacy Policy We respect your privacy. We do not collect or store any data from your browsing activity. The extension only analyses the webpage locally to provide accessibility test results. Get started for free Install Accessibility Checker by WebYes and start testing WCAG accessibility, color contrast, disability simulations, and more, right in your browser.
IBM Equal Access Accessibility Checker
A web browser extension for checking accessibility issues The IBM Equal Access Accessibility Checker is an open source tool for web developers and auditors that utilizes IBM's accessibility rule engine, which detects accessibility issues for web pages and web applications. The extension integrates into the browser development tools, providing an integrated checking experience, helping users quickly identify the source of accessibility issues and try fixes.
WCAG Contrast Checker - Color Accessibility Tool with APCA
Instantly check contrast ratio for color accessibility. WCAG contrast checker with fix suggestions and APCA algorithm support. 🎯 WCAG Contrast Checker is a color accessibility tool that scans your entire page for contrast issues in one click. Open the Side Panel, and instantly see every text element that fails WCAG compliance — no manual testing required. Whether you need to verify WCAG 2.1 contrast compliance or test with the modern APCA algorithm, this contrast checker has you covered. The aa contrast checker and aaa contrast checker results appear immediately for all text on the page. 1️⃣ One-Click Page Scan Click the extension icon to open the Side Panel. The accessibility scanner automatically detects all visible text elements, extracts their colors, and calculates contrast ratios. No need to test elements one by one — see the full picture instantly. 2️⃣ Smart Grouping Elements with identical text color and background color are grouped together, reducing visual clutter. Each group shows a sample text preview, the color combination, and CSS selector for quick identification. 3️⃣ WCAG Compliance Testing Get instant results for both AA and AAA accessibility levels: • Normal text (4.5:1 for AA, 7:1 for AAA) • Large text (3:1 for AA, 4.5:1 for AAA) • Filter by pass/fail status to focus on issues 4️⃣ APCA Algorithm Support This APCA contrast checker supports the new perceptual contrast algorithm used in WCAG 3.0 draft. Test your accessible colors with both traditional contrast ratio and modern APCA scoring. 5️⃣ Fix Suggestions Unlike other contrast checkers that only show pass/fail, this color accessibility checker suggests the nearest passing color. Click any failing element to see fix recommendations that preserve your original hue. Apply fixes instantly or copy CSS to clipboard. 6️⃣ Element Highlighting Click any result in the Side Panel to scroll the page and highlight that element with a visual indicator. Easily locate the exact elements that need attention. ➤ Click the extension icon to open Side Panel ➤ Page is automatically scanned for all text elements ➤ View grouped results with contrast ratios ➤ Filter by AA/AAA level, pass/fail status, or text size ➤ Click any result to highlight element on page ➤ See fix suggestions and apply with one click The web accessibility checker displays an overall accessibility score based on visual weight — larger text and more content carry more weight in the calculation. This helps you prioritize fixes that impact users most. The contrast ratio calculator provides a weighted score from 0-100 based on: ▸ Pass/fail status of each text element ▸ Visual weight (font size × text length) ▸ Total coverage of accessible vs inaccessible text This score gives you a quick overview of your page's wcag compliance status. 📋 Who Is This For? This accessibility contrast checker is designed for: Whether you work with design systems, component libraries, or production websites, this wcag contrast checker integrates seamlessly into your workflow. Unlike complex accessibility tools like WAVE or axe, this color contrast checker focuses on doing one thing well: finding and fixing contrast issues across your entire page. What sets us apart: ▸ Full page scan — not element-by-element testing ▸ Smart grouping — reduces noise, shows what matters ▸ APCA algorithm support — ready for WCAG 3.0 ▸ Fix suggestions — not just pass/fail, but actionable fixes ▸ One-click apply — fix color contrast issues instantly ▸ Weighted scoring — prioritize by visual impact The contrast ratio calculator uses the official WCAG 2.1 formula based on relative luminance: - Luminance calculator computes L values for each color - Contrast ratio = (L1 + 0.05) / (L2 + 0.05) - Results range from 1:1 to 21:1 For APCA, we use the SAPC algorithm that provides more accurate perceptual contrast values, especially for dark mode interfaces and colored text. Q: What is a color contrast checker? A: A contrast checker is an accessibility tool that measures the difference in luminance between text and background colors. Higher contrast ratio means better readability for users with visual impairments. Q: What contrast ratio is required for WCAG compliance? A: For WCAG 2.1 AA level, normal text needs 4.5:1 and large text needs 3:1. AAA level requires 7:1 and 4.5:1 respectively. This WCAG contrast checker tests all these standards automatically. Q: What is APCA? A: APCA (Accessible Perceptual Contrast Algorithm) is a new contrast calculation method being developed for WCAG 3.0. It provides more accurate results than the current wcag color contrast formula, especially for dark backgrounds and colored text. Q: How is this different from other tools? A: Most tools require manual element selection or show overwhelming full-page reports. This colour contrast checker provides smart grouping, actionable fix suggestions, and one-click fixes — focusing on efficiency. Having issues with the WCAG contrast checker? Found a bug in the color accessibility tool? We would love to hear from you. Use the support tab in Chrome Web Store to reach us. Start checking color contrast today with this accessibility contrast checker. Scan your entire page, find issues instantly, and fix color contrast problems with one click.
BrowserStack Accessibility Toolkit
Automate accessibility compliance. Detect issues 8X faster with Spectra™ & AI. Test JAWS, NVDA, VoiceOver & TalkBack on real devices BrowserStack offers an all-in-one Accessibility Suite to help teams shift-left accessibility to easily comply with EAA, ADA & more. With one line of code, integrate WCAG checks into CI/CD. Use Spectra™ & AI agents to auto-detect 1.7X critical issues across 40+ WCAG criteria. Install now and unlock seamless Web Accessibility Testing for free! ➤ Why choose the BrowserStack Accessibility Suite? ✓ Seamless CI/CD Integration: Add accessibility checks to your existing test suite with a single line of code change—no complex setup or workflow disruption required. ✓ Uncover critical accessibility issues in user workflows that other tools often miss: The Spectra™ Rule Engine and AI agents can automatically detect 1.7× more WCAG issues than legacy tools, covering over 40 WCAG success criteria, including advanced checks such as Focus Visible and Reflow. ✓ Real-World Screen Reader Testing: Test with actual screen readers (JAWS, NVDA, TalkBack, VoiceOver) on real devices without the overhead of maintaining device labs or slow virtual machines. Use advanced features that help you automate screen reader testing alongside CI/CD. ✓ Shift Left for Faster Development: Integrate accessibility testing early in your design and development workflows, preventing 40% of issues before they reach production and avoiding costly late-stage fixes. 🔍 Workflow Analyzer: Identify and fix accessibility issues 8X faster. Scan user workflows across multiple web pages and states in one go. Get deduplicated issues grouped at the component level by severity and WCAG criteria. 🎯 Assisted Test: Detect complex accessibility issues with assisted tests on web pages or components by answering simple questions —no WCAG expertise required. 📱 Screen Reader Testing on Real Devices: Using a MacBook Pro but want to test website accessibility using NVDA or JAWs on Windows? BrowserStack can help you do that. Validate user experiences directly with real screen readers across Mac, Windows, Android, and iOS devices. Eliminate the need for expensive device procurement and maintenance while ensuring comprehensive accessibility coverage. ⚡ Intelligent Issue Management: Our suite automatically eliminates duplicate findings and organizes issues by severity and component, streamlining your debugging workflow and reducing cleanup time. View the issue summary, accessibility score, and WCAG, ADA, and EAA conformance summaries to drive compliance. 📊 Comprehensive Reporting: Generate detailed, auto-consolidated reports and dashboards that provide full context about accessibility issues across your entire application. Share insights as shareable public report links within your team or with stakeholders of your choice. 🔧 Component-Level Insights: Pinpoint the exact source of accessibility issues with detailed interaction logs and component mapping, enabling faster resolution and better prioritization of critical fixes. 🚀 Zero-Setup Integration: Start testing without complex configurations. Our browser extension integrates seamlessly within your existing workflows. Launch your target webpage in any browser, open DevTools (right-click and select "Inspect"), then navigate to the Accessibility Suite tab to begin comprehensive accessibility testing.
Accessibility Insights for Web
Accessibility Insights for Web helps developers quickly find and fix accessibility issues. The default keyboard shortcut to launch Accessibility Insights for Web is [Ctrl+Shift+K]. If that doesn't work, follow these instructions: 1. Select Shift+Alt+T to move focus to the Chrome address bar 2. Select the Left arrow key to move focus to the Accessibility Insights for Web extension. 3. Select the Space key to open the extension.
