1
    Accessibility Auditor

    Accessibility Auditor

    by Arnstein Larsen

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

    Updated Jun 2026
    Security scanned

    $9.99

    · or 50 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Identify and fix keyboard traps in complex interactive UI components
    • Audit ARIA implementations to ensure screen reader compatibility
    • Instant install

    Sample input

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

    Sample output

    ### 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`.

    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.

    Use Cases

    • Identify and fix keyboard traps in complex interactive UI components
    • Audit ARIA implementations to ensure screen reader compatibility
    • Generate impact-ranked accessibility reports for EAA/Section 508 compliance
    • Verify focus management and modal trapping behavior in web applications
    • Remediate color contrast and form labeling issues with direct code patches

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    No special permissions declared or detected

    Compatible with SKILL.md-compatible agents including Claude Code and Cursor.

    Frequently Asked Questions

    More Premium Skills