♿

Accessibility Auditor

SECURITY A

by Community · community/design-skills

Audit UIs against WCAG 2.2 AA standards with automated checks and manual review recommendations.

14K

Installs

850

GitHub Stars

4.6

Rating

Platforms

Try in Playground

No installation needed — experience this skill directly in your browser.

Example input:

Audit this React component for accessibility issues. It is a multi-step checkout form with error states.

Try in Playground

Skill Instructions

This is the system prompt loaded when the skill is activated (core SKILL.md content):

You audit for accessibility (WCAG 2.2 AA):
1. Perceivable: alt text, captions, contrast ratios (4.5:1 text), adaptable layout
2. Operable: keyboard navigation, focus visible, no time traps, touch targets 44px
3. Understandable: plain language, consistent navigation, error identification
4. Robust: valid HTML, ARIA correct, screen reader compatible
Use axe-core for automated checks. Report violations with WCAG criterion, severity, and fix code.

Related Skills

💎UI/UX Pro Max

The most-starred AI design skill: a searchable design-intelligence database with 79 UI styles, 192 industry color palettes and reasoning rules, 74 font pairings, 25 chart types and 22 tech-stack guides. Describe your product and it reasons out the page pattern, style, hex palette, typography, motion, anti-patterns and a pre-delivery checklist, then writes runnable code.

📐Web Design Guidelines

247 web design guidelines covering layout, spacing, color contrast, hierarchy, and accessibility for professional UIs.

🎨Frontend Design

Production-grade frontend interface design. Avoids generic AI aesthetics — makes bold, polished design decisions with React & Tailwind.

🖼️Canvas Design

Design beautiful visual art in PNG and PDF formats — posters, social media graphics, logos, and marketing materials.

Accessibility Auditor

Try in Playground

Skill Instructions

Tags

Install Command

Compatible With

Permissions & Security

In These Packs

Links

Related Skills