skills.rest
14790897
14790897COMMUNITY
Explore all skills by this author →
Website𝕏@hahfrankGitHub

kwp-design-accessibility-review

Audit design assets and web pages for WCAG 2.1 AA compliance gaps.

7|5|Updated May 7, 2026
Search Tags:#design#accessibility#a11y#audit#compliance#wcag
One-click install
npx skills add https://github.com/14790897/MiQi --skill kwp-design-accessibility-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kwp-design-accessibility-review
Source: https://github.com/14790897/MiQi/tree/main/miqi/skills/kwp/design/accessibility-review
Command: npx skills add https://github.com/14790897/MiQi --skill kwp-design-accessibility-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the challenge of identifying accessibility barriers in digital designs and web pages, ensuring products are usable by people with disabilities and compliant with WCAG 2.1 AA standards.

Core Features & Use Cases

  • Automated Audit: Scans for common accessibility issues like contrast ratios, missing labels, and keyboard navigation traps.
  • Compliance Reporting: Generates structured findings categorized by the four principles of accessibility: Perceivable, Operable, Understandable, and Robust.
  • Use Case: Before handing off a new UI component to engineering, run this audit to verify that color contrast meets the 4.5:1 ratio and that all interactive elements are reachable via keyboard.

Quick Start

Trigger the accessibility review by asking the agent to audit the accessibility of the current design or page.

Frequently Asked Questions about kwp-design-accessibility-review

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

FAQPage Schema
How do I run a WCAG 2.1 AA accessibility audit on my web pages?▼

To run a WCAG 2.1 AA accessibility audit, trigger the review by asking the agent to inspect your web page or design asset, which evaluates perceivability, operability, understandability, and robustness to identify compliance gaps.

What is checked during a design accessibility compliance review?▼

A design accessibility compliance review checks for common issues like color contrast ratios, missing labels, and keyboard navigation traps, ensuring interactive elements are reachable and perceivable by all users.

How do I check color contrast ratios for WCAG compliance in my designs?▼

You check color contrast ratios by running an accessibility audit on your design assets, which automatically evaluates and verifies that text and interactive elements meet the required 4.5:1 contrast ratio.

What is the best way to generate structured accessibility findings for a UI component?▼

The best way to generate structured accessibility findings is to perform an audit that categorizes issues by the four principles of accessibility: Perceivable, Operable, Understandable, and Robust, providing a clear compliance report.

Do I need design tool integration to perform a heuristic accessibility analysis?▼

Yes, design tool integration or web fetch capabilities are required to perform heuristic accessibility analysis, allowing the audit to inspect actual UI components, color values, and semantic structure for accurate results.

Related Skills

Explore More Design & Creative Skills→
yeshan333yeshan333
94

extract

Extract reusable UI components and design tokens from codebases.

Community
Intermediate
seb1nseb1n
147

Accessibility Testing

Audit web interfaces against WCAG 2.1 AA/AAA standards and generate compliance reports.

Community
Advanced
kiryteokiryteo
1

accessibility-review

Audits designs and code for WCAG 2.1 AA compliance.

Community
Intermediate
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced