Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIMuseMuseDotsDots+22 more

    wcag accessibility auditor

    1

    Audit web apps for WCAG 2.2 compliance with prioritized remediation reports and code-level fixes.

    $50

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    Security scanned
    wcag accessibility auditor

    wcag accessibility auditor

    Example session with this skill installed

    Can you audit this React modal component for WCAG compliance? It uses a div with an onClick handler for the close button. [code snippet attached]

    • Read your context and instructions
    • Compiled the wcag accessibility auditor

    The modal fails WCAG 2.1.1 (Keyboard) and 4.1.2 (Name, Role, Value).

    Severity: Critical.
    Issue: Using a <div> with onClick instead of a <button> makes the close action unreachable via keyboard.

    Fix

    1. Change <div> to <button>.
    2. Add aria-label="Close".
    3. Implement an onKeyDown listener for the Escape key to close the modal.

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

    About this skill

    The problem

    Automated accessibility scans only catch about 30% of failures, leaving sites vulnerable to legal risk and unusable for many users. Developers often get buried in hundreds of minor warnings without knowing which ones actually block a user from completing a checkout or signup.

    What it does

    • Audits URLs, HTML, JSX, or Vue templates against WCAG 2.2 AA standards.
    • Categorizes findings by POUR principles (Perceivable, Operable, Understandable, Robust).
    • Prioritizes issues by actual user impact and legal exposure — not raw error counts.
    • Provides code-level remediation for complex ARIA patterns, keyboard traps, and focus management.
    • Flags gaps automated tools like axe-core or Lighthouse structurally miss, such as logical focus order and meaningful (not just present) alt text.

    Frameworks & tools

    Works with React, Vue, JSX, and raw HTML. References axe-core, Lighthouse, WAVE, and the WAI-ARIA Authoring Practices Guide.

    Why this beats prompting it yourself

    General LLMs often suggest "best guess" accessibility fixes that break ARIA semantics or ignore keyboard navigation entirely. This skill enforces strict WCAG 2.2 success-criterion citations and a systematic audit framework so no category — from color contrast to focus traps — gets skipped.

    Use cases

    • Reviewing pull requests for accessibility regressions before they ship.
    • Converting raw axe-core JSON reports into prioritized executive summaries.
    • Auditing custom UI components like modals and dropdowns for keyboard parity.
    • Preparing a site for ADA Title II/III or Section 508 compliance.

    Known limitations

    Cannot perform live screen reader testing. For the most accurate analysis of a live URL, provide HTML source or an axe-core/Lighthouse export rather than just a link.

    How to use

    Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 1 month ago

    • Passed all security checks, Safe to install

    Listed1 month ago

    What's inside

    Frequently Asked Questions