skills.rest
treygoff24
treygoff24COMMUNITY
Explore all skills by this author →
Website𝕏@thetreygoffGitHub

accessibility-checklist

Automate WCAG AA accessibility checks on interactive UI components.

5|Updated Dec 27, 2025
Search Tags:#testing#code review#accessibility#a11y#wcag#ui components
One-click install
npx skills add https://github.com/treygoff24/autonomous-dev-kit --skill accessibility-checklist-treygoff24
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-checklist
Source: https://github.com/treygoff24/autonomous-dev-kit/tree/main/skills/accessibility-checklist
Command: npx skills add https://github.com/treygoff24/autonomous-dev-kit --skill accessibility-checklist-treygoff24

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the verification of interactive UI components against Web Content Accessibility Guidelines (WCAG) AA standards, preventing accessibility issues before code review.

Core Features & Use Cases

  • WCAG AA Checks: Verifies labels, keyboard navigation, focus indicators, color contrast, motion sensitivity, and content accessibility.
  • Automated Verification: Integrates with an a11y-reviewer agent to perform checks.
  • Use Case: After implementing a new modal dialog, run this skill to ensure it's fully keyboard navigable, has proper ARIA attributes, and meets color contrast requirements before submitting it for review.

Quick Start

Use the accessibility-checklist skill to verify the new user profile form.

Frequently Asked Questions about accessibility-checklist

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

FAQPage Schema
How do I check my UI components for WCAG AA compliance before code review?▼

You can verify UI components for WCAG AA compliance by running automated accessibility checks that target labels, keyboard navigation, visual contrast, and content clarity to prevent issues before code review.

What is the best way to automate accessibility checks for a new modal dialog?▼

The best way to automate accessibility checks for a new modal dialog is to verify it is keyboard navigable, has proper ARIA attributes, and meets color contrast requirements against WCAG AA standards.

Can I use automated accessibility testing for existing UI gap analysis?▼

Yes, you can use automated accessibility testing to perform existing UI accessibility gap analysis, targeting scenarios like pre-code review audits and new feature implementation to find missing labels or contrast issues.

Does this accessibility checklist verify keyboard navigation and color contrast?▼

Yes, this accessibility checklist verifies keyboard navigation and color contrast, enforcing checks for labels, focus indicators, motion sensitivity, and content accessibility against WCAG AA standards.

Related Skills

Explore More Software Engineering Skills→
SAPSAP
294

a11y-audit

Audit UI components for WCAG AA accessibility compliance.

Official
Advanced
KuassKuass
1

accessibility-audit

Audit UI components and pages for WCAG 2.1/2.2 accessibility compliance.

Community
Intermediate
VKirillVKirill
15

ui-craft

Verify frontend UI changes against usability, accessibility, and WCAG 2.2 criteria.

Community
Intermediate
themewagonthemewagon
1

accessibility

Identify and fix UI accessibility gaps to meet WCAG 2.1 AA standards.

Official
Advanced