accessibility

Enforce WCAG 2.1 AA compliance for UI development with checklists and testing tools.

1|Updated Jan 27, 2026

Search Tags:#accessibility #a11y #web development #compliance #wcag #ui guidelines

Ready to run

npx skills add https://github.com/jdconley/wodbrains --skill accessibility-jdconley

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/jdconley/wodbrains/tree/main/.cursor/skills/accessibility
Command: npx skills add https://github.com/jdconley/wodbrains --skill accessibility-jdconley

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all user interface changes adhere to Web Content Accessibility Guidelines (WCAG) 2.1 AA, making the WOD Brains application usable by a wider range of people, including those with disabilities.

Core Features & Use Cases

Guideline Enforcement: Provides specific rules for color contrast, ARIA patterns, keyboard navigation, and focus management.
Developer Checklist: Offers a clear checklist to verify accessibility compliance before submitting UI changes.
Use Case: When developing a new feature with a modal dialog, use this Skill to ensure it has proper ARIA attributes, keyboard trap, and is dismissible with the Escape key, meeting AA standards.

Quick Start

Verify that all new UI elements meet the WCAG 2.1 AA color contrast requirements.

Frequently Asked Questions about accessibility

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

FAQPage Schema

How do I ensure my UI changes meet WCAG 2.1 AA compliance?▼

To meet WCAG 2.1 AA compliance, verify your UI changes against specific rules for color contrast, ARIA patterns, keyboard navigation, focus management, zoom, and font scaling using a provided developer checklist.

What WCAG 2.1 AA requirements are needed for accessible modal dialogs?▼

Accessible modal dialogs require proper ARIA attributes, must not create a keyboard trap, and need to be dismissible with the Escape key to satisfy WCAG 2.1 AA standards.

What is included in a WCAG 2.1 AA accessibility checklist for web development?▼

A WCAG 2.1 AA accessibility checklist includes verifying color contrast ratios, validating ARIA patterns, testing keyboard navigation, checking focus management, and ensuring proper zoom and font scaling capabilities.

What testing tools do I need to validate web accessibility compliance?▼

Web accessibility compliance validation requires using specialized testing tools to check color contrast, ARIA implementation, and keyboard navigation against WCAG 2.1 AA standards before submitting UI changes.

Does WCAG 2.1 AA compliance require keyboard navigation and focus management?▼

Yes, WCAG 2.1 AA compliance requires proper keyboard navigation and focus management to ensure all UI elements are accessible without a mouse and maintain logical focus order.