skills.rest
rp4ri
rp4riCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility-auditor

Audit design files against WCAG 2.1 AA criteria for accessibility issues.

Updated Jun 2, 2026
Search Tags:#accessibility#semantic HTML#design audit#color contrast#WCAG AA
One-click install
npx skills add https://github.com/rp4ri/pi-studios --skill accessibility-auditor-rp4ri
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-auditor
Source: https://github.com/rp4ri/pi-studios/tree/main/design-studio/skills/accessibility-auditor
Command: npx skills add https://github.com/rp4ri/pi-studios --skill accessibility-auditor-rp4ri

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps identify and resolve accessibility issues in design, ensuring compliance with WCAG AA standards.

Core Features & Use Cases

  • Comprehensive Audit: Evaluates designs against WCAG 2.1 AA criteria.
  • Color Contrast: Checks color contrast ratios for readability.
  • Keyboard Navigation: Verifies navigability without a mouse.
  • Semantic HTML: Audits semantic HTML and ARIA usage.
  • Responsive Touch Targets: Ensures touch targets are usable on touch devices.
  • Actionable Fixes: Provides specific solutions for every issue found.
  • Use Case: Use this Skill when reviewing web designs to ensure they are accessible to all users.

Quick Start

Run the accessibility audit on the design file 'design.html'.

Frequently Asked Questions about accessibility-auditor

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

FAQPage Schema
How do I audit my HTML design for WCAG AA compliance?▼

To audit HTML design for WCAG AA compliance, evaluate color contrast ratios, verify keyboard navigation, check semantic HTML structure, and validate ARIA usage to identify accessibility issues.

What is included in a comprehensive WCAG 2.1 AA accessibility audit?▼

A comprehensive WCAG 2.1 AA accessibility audit includes checking color contrast ratios for readability, keyboard navigation without a mouse, semantic HTML structure, ARIA usage, and responsive touch target usability.

How do I fix color contrast and ARIA issues found during a design audit?▼

Fix color contrast and ARIA issues by applying specific code solutions provided for every identified problem, adjusting contrast ratios to meet readability standards and correcting semantic HTML markup.

Can I check keyboard navigation and touch targets for web accessibility?▼

Yes, you can check keyboard navigation by verifying the design is fully navigable without a mouse, and audit responsive touch targets to ensure they remain usable on touch devices.

Does this accessibility audit work with standard HTML design files?▼

Yes, this accessibility audit processes standard HTML design files, evaluating them against WCAG 2.1 AA criteria to ensure designs are accessible to all users.

Why does my design fail WCAG AA color contrast requirements?▼

Designs fail WCAG AA color contrast requirements when the contrast ratio between text and background colors falls below readability thresholds, requiring specific code fixes to meet standards.

Related Skills

Explore More Design & Creative Skills→
andebet07-ossandebet07-oss

accessibility-review

Audit designs or pages for WCAG 2.1 AA accessibility compliance.

Community
Intermediate
haabehaabe

a11y-check

Audits web interfaces for WCAG 2.1 AA accessibility compliance.

Community
Intermediate
arkcle83arkcle83

design-guide

Standardizes UI design across HTML, CSS, React, and other modern frameworks.

Community
Intermediate
mustafazeydanimustafazeydani

accessibility

Automate web accessibility audits against WCAG 2.2 guidelines using Lighthouse.

Community
Advanced