accessibility-review

Audit designs and code for WCAG 2.1 AA compliance.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/paulanunes85/awesome-paulasilvatech-copilots --skill accessibility-review-paulanunes85
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-review
Source: https://github.com/paulanunes85/awesome-paulasilvatech-copilots/tree/main/plugins/design/skills/accessibility-review
Command: npx skills add https://github.com/paulanunes85/awesome-paulasilvatech-copilots --skill accessibility-review-paulanunes85

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers often lack a clear, comprehensive process to ensure their creations meet WCAG 2.1 AA accessibility standards, resulting in inaccessible experiences for users.

Core Features & Use Cases

  • Guided Audit: Provides a step‑by‑step checklist covering Perceivable, Operable, Understandable, and Robust principles.
  • Issue Identification: Highlights common problems such as insufficient color contrast, missing alt text, and keyboard navigation gaps.
  • Testing Recommendations: Suggests automated scans, keyboard‑only navigation, screen‑reader testing, and high‑zoom validation.

Quick Start

Ask the skill to evaluate your latest UI mockup for WCAG 2.1 AA compliance.

Frequently Asked Questions about accessibility-review

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

FAQPage Schema
How do I check my web design for WCAG 2.1 AA compliance?

To check WCAG 2.1 AA compliance, audit your design against perceivable, operable, understandable, and robust principles to verify contrast ratios, keyboard navigation, and semantic markup meet accessibility standards.

What is the best way to audit UI mockups for accessibility issues?

To audit UI mockups for accessibility, use a guided checklist to identify insufficient color contrast, missing alt text, and keyboard navigation gaps, ensuring front-end components meet WCAG standards.

How does keyboard navigation testing work for front-end components?

Keyboard navigation testing evaluates operability by guiding you through checks to ensure users can navigate front-end components without a mouse, verifying semantic markup and ARIA attributes meet accessibility standards.

What accessibility testing recommendations help validate screen-reader compatibility?

To validate screen-reader compatibility, accessibility testing recommendations include running automated scans, performing keyboard-only navigation, screen-reader testing, and high-zoom validation on your web pages.

Can I evaluate ARIA attributes and color contrast in my code?

Yes, you can evaluate ARIA attributes and color contrast in your code by applying a step-by-step audit that checks if front-end components meet defined perceptibility and robustness standards.

Why do I need to verify contrast ratios for WCAG compliance?

You need to verify contrast ratios for WCAG compliance to ensure perceptibility, confirming that visual elements provide sufficient contrast for users and meet defined accessibility standards.