skills.rest
propane-ai
propane-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

accessibility

Audit design mockups against WCAG 2.1 Level AA accessibility criteria.

4|2|Updated Feb 2, 2026
Search Tags:#inclusive design#accessibility#a11y#WCAG#usability#design review
One-click install
npx skills add https://github.com/propane-ai/kits --skill accessibility-propane-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/propane-ai/kits/tree/main/plugins/design/skills/accessibility
Command: npx skills add https://github.com/propane-ai/kits --skill accessibility-propane-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps designers and teams identify and rectify accessibility barriers in their designs, ensuring compliance with Web Content Accessibility Guidelines (WCAG) and creating more inclusive user experiences.

Core Features & Use Cases

  • WCAG Auditing: Provides a checklist based on WCAG 2.1 Level AA success criteria for design reviews.
  • Actionable Recommendations: Offers specific, actionable advice for improving accessibility.
  • Severity Assessment: Helps prioritize fixes by categorizing issues from Critical to Minor.
  • Use Case: Audit a new user flow's mockups to ensure sufficient color contrast, logical heading structures, and clear focus indicators before development begins.

Quick Start

Review the provided design mockups for accessibility issues based on WCAG 2.1 AA standards.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I check if my design mockups meet WCAG 2.1 Level AA standards?▼

Audit design mockups against a checklist based on WCAG 2.1 Level AA success criteria, focusing on perceivable, operable, understandable, and robust principles to identify accessibility barriers.

What is the best way to prioritize accessibility issues found during a design review?▼

Prioritize accessibility issues by using a severity assessment that categorizes identified barriers from Critical to Minor, helping teams address the most impactful design flaws first.

When do I need to run an accessibility audit for inclusive design?▼

Run an accessibility audit when reviewing new user flow mockups to ensure sufficient color contrast, logical heading structures, and clear focus indicators are present before development begins.

Can I get actionable recommendations for fixing color contrast and focus indicators?▼

Yes, the audit provides specific, actionable advice for improving accessibility, including recommendations for rectifying insufficient color contrast and unclear focus indicators.

Does this accessibility audit cover all four WCAG principles for digital products?▼

Yes, the audit covers all four WCAG principles for digital products, evaluating designs for content that is perceivable, operable, understandable, and robust.

Related Skills

Explore More Design & Creative Skills→
me2reshme2resh
489

accessibility-audit

Audit UI markup against WCAG 2.1 AA criteria and output prioritized fixes.

Community
Advanced
sandeshbagmaresandeshbagmare

accessibility-compliance

Implement WCAG 2.2 compliant interfaces with ARIA patterns and keyboard navigation.

Community
Intermediate
maxrittermaxritter
1.8k

standards-accessibility

Audit frontend components for semantic HTML, ARIA, keyboard navigation, and WCAG compliance.

Community
Basic
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced