More screenshots

    Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurf+15 more

    Accessibility Auditor

    by Arnstein Larsen

    1

    Expert accessibility auditing that prioritizes user impact and provides production-ready code fixes for WCAG compliance.

    Secure checkout via Stripe

    0 installsSecurity scanned

    See it in action

    You say

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

    Your agent does

    ### 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 button with ``. **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`.

    What you get

    Identify and fix keyboard traps in complex interactive UI componentsAudit ARIA implementations to ensure screen reader compatibilityGenerate impact-ranked accessibility reports for EAA/Section 508 complianceVerify focus management and modal trapping behavior in web applicationsRemediate color contrast and form labeling issues with direct code patches

    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.

    How to install

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    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 29 days ago

    Listed1 month ago
    Updated29 days ago

    Creator

    Frequently Asked Questions

    Popular in Security & Compliance