Does this skill test actual code implementation?

While it primarily focuses on design specs and patterns, it provides the criteria needed to verify implementation, though manual testing with screen readers and keyboards is still recommended.

Which WCAG version does this skill support?

This skill is specifically aligned with WCAG 2.1 standards, focusing on Level AA compliance which is the industry standard for most digital products.

Can it generate acceptance criteria for developers?

Yes, it can produce detailed accessibility acceptance criteria that can be directly included in project management tools or user stories to guide development.

Does it help with mobile accessibility?

Yes, it includes checks for touch target sizes, spacing, and interaction modalities relevant to both web and mobile touch environments.

Accessibility Design & Audit

Name: Accessibility Design & Audit
Author: propane-ai

bypropane-ai

•

Design Tools

Audits product designs and specifications against WCAG 2.1 standards to ensure inclusive and compliant user experiences.

The Accessibility skill empowers designers and developers to align their products with Web Content Accessibility Guidelines (WCAG) 2.1 Level AA. It provides a structured framework for performing design reviews, identifying barriers such as poor contrast or inadequate touch targets, and generating actionable remediation recommendations. By integrating these best practices early in the design phase, teams can ensure their interfaces are perceivable, operable, understandable, and robust for all users, including those relying on assistive technologies.

Key Features

01Visual, structural, and interaction-based accessibility checklists

021 GitHub stars

03Actionable design recommendations with specific success criteria

04Comprehensive WCAG 2.1 Level AA compliance auditing

05Automated accessibility acceptance criteria generation for handoff

06Severity-based prioritization for remediation (Critical to Minor)

Use Cases

01Identifying potential keyboard navigation traps and focus management issues in complex flows

02Auditing high-fidelity design specs for color contrast and heading hierarchy

03Writing detailed accessibility acceptance criteria for user stories

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add propane-ai/kits accessibility

For use in Claude.ai and ChatGPT

Download Skill