accessibility-checker

Identify and remediate WCAG 2.1 Level AA accessibility gaps in UI components.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill accessibility-checker-trevorc-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-checker
Source: https://github.com/trevorc-ai/PPN-Antigravity-1.0/tree/main/_ARCHIVE/skills_standby/accessibility-checker
Command: npx skills add https://github.com/trevorc-ai/PPN-Antigravity-1.0 --skill accessibility-checker-trevorc-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill helps teams verify WCAG 2.1 Level AA accessibility compliance across UI components by identifying contrast issues, missing ARIA attributes, and keyboard navigation gaps.

Core Features & Use Cases

  • Audit color contrast and ensure text readability across components.
  • Validate ARIA labels and roles for interactive controls.
  • Check and improve keyboard navigation and focus indicators for modal dialogs and widgets.
  • Provide remediation guidance and practical examples for designers and developers.

Quick Start

Run the accessibility-checker against the UI components to generate a prioritized remediation report.

Frequently Asked Questions about accessibility-checker

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

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

You can check WCAG compliance by auditing UI components for color contrast thresholds, ARIA labeling, keyboard navigation, and focus visibility to generate a prioritized remediation report.

What is the best way to fix color contrast issues in UI components?

Fix color contrast issues by auditing text readability across UI components against WCAG thresholds, then applying the provided remediation guidance and practical examples.

How do I validate ARIA labels and roles for interactive controls?

Validate ARIA labels by checking interactive controls against labeling guidelines, identifying missing attributes, and applying remediation guidance for screen reader compatibility.

How do I improve keyboard navigation and focus indicators for modal dialogs?

Improve keyboard navigation by checking focus visibility and operability for modal dialogs and widgets, then applying remediation steps to enforce proper focus management.

Do I need automated testing tools to use this accessibility checker?

No external automated tools are required; the checker provides guidance for both automated checks and manual validation directly within your development and review workflows.

When should I perform manual validation for web accessibility gaps?

Perform manual validation after automated checks identify initial WCAG gaps, ensuring complex interactions like keyboard navigation and focus management meet operability requirements.