More screenshots

    Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIGitHub CopilotGitHub CopilotGemini CLIGemini CLI+18 more

    Accessibility Compliance Agent

    1

    Audits HTML/React/Next.js code against WCAG 2.1/2.2 AA, fixes it, and generates a client-ready compliance report.

    Free

    2 installsSecurity scanned
    Accessibility Compliance Agent

    Accessibility Compliance Agent

    Example session with this skill installed

    Can you audit this React checkout form for WCAG 2.1 AA accessibility issues and give me the fixed code plus a report I can send to my client? ```html export default function CheckoutForm() { return ( Email Card Number Submit ); } ```
    • Read your context and instructions
    • Compiled the accessibility compliance agent
    • Generated the document
    I audited CheckoutForm.jsx against WCAG 2.1 Level AA and found 4 issues — 2 critical, 1 moderate, 1 minor. The critical issues would block keyboard and screen-reader users from completing checkout entirely. Fixed code and full report below. FIXED CODE ```html export default function CheckoutForm() { return ( Email Card Number ``` Card number format looks invalid ```html Submit ); } ``` COMPLIANCE REPORT **Target:** WCAG 2.1 AA | Scope: CheckoutForm.jsx | Framework: React [CRITICAL] Unlabeled inputs (1.3.1, 4.1.2) Screen readers announced "edit text, blank" with no indication of what to enter. Fixed with associated elements via htmlFor/id. [CRITICAL] Non-interactive Submit control (2.1.1, 4.1.2) A is invisible to keyboard users and unannounced to screen readers. Replaced with a native inside a . [MODERATE] Error state conveyed by color alone (1.4.1) A red border alone doesn't reach colorblind or low-vision users. Added aria-invalid and a visible, programmatically linked error message. [MINOR] Input missing type semantics Email field used type="text" instead of type="email", losing built-in validation and mobile keyboard optimization. NEEDS MANUAL VERIFICATION Actual rendered contrast ratio of the error text color, and a real screen-reader pass (VoiceOver/NVDA) to confirm announcement order. NEXT STEPS 1. Drop the fixed code into your component and re-test the form flow. 2. Run axe DevTools or Lighthouse for an automated cross-check. 3. Do one manual pass with a screen reader before shipping to the client.

    accessibility-compliance-agent.pdf

    PDF · document

    Generated

    Example file from a real run - the skill writes it into your workspace.

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

    About this skill

    Turns any frontend code into (1) an accessibility-fixed version and (2) a compliance report you can hand straight to a client, manager, or auditor.

    Why this matters right now: the EU Accessibility Act became enforceable in June 2025, and US ADA Title II requires state/local government sites to meet WCAG 2.1 AA on a rolling schedule through 2027. Agencies and freelance devs are under real, dated pressure to prove compliance — not just "be more accessible" in the abstract.

    What it does: — Works across HTML, JSX/React, and Next.js App Router code — Audits 8 categories: images/alt text, semantic structure & headings, forms & labels, ARIA usage, keyboard navigation & focus, color contrast, media captions, motion/animation — Every issue found is cited to its exact WCAG Success Criterion number and level (e.g. "2.1.1 Keyboard (A)") — no vague "improve accessibility" notes — Delivers fixed code alongside a severity-ranked report (Critical / Moderate / Minor), plus an honest "needs manual verification" section for anything code review genuinely can't confirm (live contrast values, real screen-reader behavior) — Never claims "fully compliant" — it reports what's addressable from code, and tells you plainly what still needs a human accessibility pass

    Built for agencies doing client audits, freelance devs prepping a site for a compliance deadline, and teams who want a first-pass accessibility review before paying for a full manual audit.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    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

    2 installs

    Downloaded by developers to date

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean today

    • Free to download with an account

    Listedtoday

    Frequently Asked Questions