a11y-auditor

Identify WCAG 2.2 AA issues in SvelteKit apps using axe-core and manual checks.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/cffrank/paperclip-skills-agents --skill a11y-auditor-cffrank
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: a11y-auditor
Source: https://github.com/cffrank/paperclip-skills-agents/tree/main/skills/a11y-auditor
Command: npx skills add https://github.com/cffrank/paperclip-skills-agents --skill a11y-auditor-cffrank

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility compliance is essential but auditing pages can be time-consuming and error-prone without structured guidance. This skill combines automated WCAG checks using axe-core with practical manual testing patterns to help teams verify and improve accessibility in SvelteKit apps.

Core Features & Use Cases

  • Automated WCAG scans with axe-core integrated into Playwright tests for repeatable, fast audits.
  • Manual verification patterns and checklists for keyboard navigation, focus management, and screen reader compatibility.
  • Use cases include auditing public pages, forms, and admin interfaces to prepare for ADA/Section 508 compliance.

Quick Start

Run automated and manual accessibility checks against your SvelteKit app to identify WCAG violations and verify fixes.

Frequently Asked Questions about a11y-auditor

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a WCAG audit on a SvelteKit app?

To run a WCAG audit on a SvelteKit app, combine automated axe-core scans integrated into Playwright tests with manual verification patterns to identify and remediate accessibility issues across multiple routes.

Can I integrate axe-core with Playwright for automated accessibility testing?

Yes, you can integrate axe-core with Playwright to perform automated accessibility testing, which provides repeatable, fast WCAG scans and generates CI-ready test scaffolding for your application.

What does manual accessibility testing cover in SvelteKit?

Manual accessibility testing covers keyboard navigation, focus management, and screen reader compatibility, providing practical checklists to verify aspects of WCAG compliance that automated scans cannot detect.

Does this approach prepare my web app for ADA and Section 508 compliance?

Yes, auditing public pages, forms, and admin interfaces with both automated axe-core scans and manual verification helps prepare your SvelteKit application for ADA and Section 508 compliance requirements.

What specific WCAG issues can I identify in my SvelteKit components?

You can identify WCAG 2.2 AA issues focusing on color contrast, focus indicators, keyboard navigation, ARIA roles, and screen reader compatibility across home, login, dashboard, and settings routes.

How do I verify accessibility fixes after identifying WCAG violations?

You can verify accessibility fixes by applying practical remediation guidance and re-running the combined automated axe-core scans and manual verification patterns to confirm WCAG compliance.