skills.rest
adrianliechti
adrianliechtiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility-review

Audit designs and pages for WCAG 2.1 AA accessibility compliance.

4|4|Updated Dec 15, 2024
Search Tags:#accessibility#a11y#wcag#design-review#screen-reader#color-contrast#keyboard-navigation
One-click install
npx skills add https://github.com/adrianliechti/wingman-chat --skill accessibility-review-adrianliechti
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-review
Source: https://github.com/adrianliechti/wingman-chat/tree/main/skills/design/accessibility-review
Command: npx skills add https://github.com/adrianliechti/wingman-chat --skill accessibility-review-adrianliechti

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs and QA teams often struggle to verify WCAG 2.1 AA accessibility compliance across designs and web pages.

Core Features & Use Cases

  • Automated WCAG 2.1 AA checks for perceivable, operable, understandable, and robust guidelines.
  • Reports findings with WCAG criteria and recommended fixes.
  • Use Case: Prehandoff review of a design file or webpage to identify color contrast, keyboard navigation, and screen reader issues.

Quick Start

Audit a design or page for WCAG 2.1 AA compliance and summarize findings.

Frequently Asked Questions about accessibility-review

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

FAQPage Schema
How do I check WCAG 2.1 AA compliance for a web page design?▼

To check WCAG 2.1 AA compliance, audit the design or page against perceivable, operable, understandable, and robust guidelines to identify color contrast, keyboard navigation, and screen reader issues.

What does a WCAG accessibility audit cover for mobile designs?▼

A WCAG accessibility audit for mobile designs covers perceivable, operable, understandable, and robust criteria, specifically detecting color contrast, keyboard navigation, and semantic structure issues per WCAG 2.1 AA guidelines.

Can I use this to review UI components before handoff?▼

Yes, you can review UI components before handoff. The audit applies to web pages and mobile designs during design reviews and QA, reporting findings with recommended fixes for screen reader readiness and color contrast.

What is the best way to verify color contrast for WCAG 2.1 AA?▼

The best way to verify color contrast is to audit the design against WCAG 2.1 AA criteria, which reports specific contrast failures alongside other semantic structure and keyboard navigation findings.

How do I test keyboard navigation and screen reader readiness?▼

You test keyboard navigation and screen reader readiness by auditing the web page or UI component for WCAG 2.1 AA operable and robust guidelines, receiving a summary of issues and recommended fixes.

Related Skills

Explore More Design & Creative Skills→
Clay-HHKClay-HHK
2

ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile interfaces.

Community
Intermediate
DexploarerDexploarer
6

wcag-compliance-checker

Audits web applications for WCAG 21 Level AA conformance using axe-core, pa11y, Lighthouse, and outputs remediation recommendations.

Community
Advanced
conorluddyconorluddy
179

accessibility-testing

Automate WCAG-compliant accessibility testing for iOS apps with MCP tools.

Community
Basic
lexicalninjalexicalninja
2

accessibility-design-checker

Identify accessibility issues in UI designs, wireframes, and prototypes.

Community
Intermediate