reviewing-accessibility

Audit web interfaces for WCAG 2.1 AA issues and generate prioritized code fixes.

Updated Mar 8, 2026
One-click install
npx skills add https://github.com/YKehinde/accessibility-reviewer --skill reviewing-accessibility
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: reviewing-accessibility
Source: https://github.com/YKehinde/accessibility-reviewer/tree/main
Command: npx skills add https://github.com/YKehinde/accessibility-reviewer --skill reviewing-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps developers and product teams identify accessibility barriers in web interfaces and convert findings into prioritized, actionable code fixes that map to precise WCAG success criteria.

Core Features & Use Cases

  • Structured WCAG audits organized by perceivable, operable, understandable, robust, structure & semantics, and interactive patterns.
  • Actionable fixes with copy-paste examples tailored to HTML, React, Vue, or plain CSS and guidance for screen reader and keyboard behavior.
  • Deliverables for teams including severity classification, WCAG citations, user impact explanations, passed checks, recommendations, and a manual testing checklist for release readiness.

Quick Start

Run an accessibility audit of this URL against WCAG 2.1 AA and return a prioritized report with WCAG citations, user impact, and copy-paste fixes matched to the project's stack.

Frequently Asked Questions about reviewing-accessibility

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

FAQPage Schema
How do I audit my web UI for WCAG 2.1 AA accessibility issues?

To audit web UIs for WCAG 2.1 AA accessibility issues, provide a URL, component, or code snippet. The audit generates a prioritized report with WCAG citations, user impact explanations, severity classifications, and copy-paste fixes matched to your stack.

Can I get accessibility code fixes for React, Vue, and plain HTML?

Yes, accessibility code fixes are supported for React, Vue, HTML, and CSS. The audit provides copy-paste examples tailored to your specific stack, including guidance for screen reader and keyboard behavior interactions.

What is included in a WCAG accessibility audit report?

A WCAG accessibility audit report includes structured findings organized by perceivable, operable, understandable, and robust principles. It delivers severity classifications, WCAG citations, user impact explanations, passed checks, code-ready fixes, and a manual testing checklist.

How do I check if my components pass screen reader and keyboard accessibility tests?

To check screen reader and keyboard accessibility, audit your components against WCAG interactive patterns. The review identifies operability barriers, provides code fixes for keyboard behavior, and outputs a manual testing checklist to verify release readiness.

Does this accessibility audit work on individual code snippets or only full pages?

This accessibility audit works on individual code snippets, full pages, components, and URLs. It reviews HTML, React, Vue, and CSS to identify structural, semantic, and interactive WCAG barriers across various review scenarios.

What's the best way to prioritize frontend accessibility fixes during a code review?

The best way to prioritize frontend accessibility fixes is to classify issues by severity and WCAG success criteria. The audit maps barriers to precise success criteria, explains user impact, and delivers code-ready fixes for immediate implementation.