More screenshots

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+21 more

    Accessibility Auditor

    1

    Deep WCAG 2.1/2.2 Compliance with Actionable Code Fixes Accessibility Auditor is a specialized development tool designed to move beyond surface-level linting.

    $9.99

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    Security scanned
    Accessibility Auditor

    Accessibility Auditor

    Example session with this skill installed

    Perform a WCAG audit on this React login form component. Focus on keyboard navigation and ARIA labels.

    • Read your context and instructions
    • Compiled the accessibility auditor

    Accessibility Audit: Login Form

    1. CRITICAL: Keyboard Trap

    • Issue: Focus moves to 'Forgot Password' but cannot return to 'Password' field via Shift+Tab.
    • Fix: Replace custom <div> button with <button type="button">.

    2. HIGH: Missing Error Announcement

    • Issue: Inline errors aren't read by NVDA/VoiceOver.
    • Fix: Add aria-live="assertive" to the error container.

    3. MEDIUM: Contrast

    • Issue: Submit button (hex #7CA) fails 4.5:1 ratio.
    • Fix: Update background to #005A9C.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Deep WCAG 2.1/2.2 Compliance with Actionable Code Fixes

    Accessibility Auditor is a specialized development tool designed to move beyond surface-level linting. While standard checkers catch missing alt tags, this skill simulates user behavior—performing keyboard path walkthroughs and screen reader flow reviews to identify critical blockers that automated tools miss.

    What it does

    The auditor performs a high-effort evaluation of your UI components or full-page flows. It analyzes focus management, ARIA implementation (ensuring "no ARIA is better than bad ARIA"), color contrast, and semantic structure. Unlike generic AI prompts, it ranks findings by user impact—prioritizing issues that actually lock users out over minor compliance checkboxes.

    Why use this skill?

    • Code-Level Remediation: Every finding includes a specific code fix tailored to your tech stack (React, Vue, HTML/CSS, etc.).
    • Behavioral Simulation: Specialized logic for testing modal trappings, keyboard traps, and error announcement patterns.
    • European Accessibility Act (EAA) Ready: Helps prepare your product for strict regulatory requirements with structured audit reports.
    • Verification Tests: Provides specific manual test steps to verify the fixes actually work for assistive technology users.

    Supported Workflows

    Whether you need a quick PR review check, a comprehensive audit report for stakeholders, or a developer-focused checklist, the output adapts to your specific constraints and audience.

    • Cannot perform actual vision-based color contrast checks on images.
    • Logic is limited to code analysis and simulated paths; no real device testing.

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before any payment.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 4 months ago

    Permissions

    No special permissions declared or detected

    Listed4 months ago
    Updated4 months ago

    What's inside

    Frequently Asked Questions

    While standard linters catch syntactic errors, this skill simulates user interactions like keyboard navigation and screen reader flows to identify deep behavioral blockers that automated tools miss.

    The auditor provides production-ready code fixes tailored to your specific tech stack, including React, Vue, and vanilla HTML/CSS, ensuring the remediation fits your current codebase.

    Yes, the skill is designed to help your product meet WCAG 2.1/2.2 standards, which are core requirements for the European Accessibility Act (EAA) and ADA compliance.

    Simply provide a snippet of your UI code, a component file, or a description of a user flow; the skill will then analyze the ARIA implementation and focus management automatically.

    Beyond the code fixes, you receive structured audit reports for stakeholders and specific manual verification steps to ensure the fixes work for actual assistive technology users.

    This skill is compatible with most major AI agent platforms that support multi-modal or text-based code analysis, allowing it to integrate directly into your PR review or development workflow.