skills.rest
jdconley
jdconleyCOMMUNITY
Explore all skills by this author →
Website𝕏@wackieGitHub

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
One-click install
npx skills add https://github.com/jdconley/wodbrains --skill accessibility-jdconley
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
afonsolelisafonsolelis

acessibilidade

Ensure HTML pages conform to WCAG 2.1 AA accessibility guidelines.

Community
Intermediate
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced
BigPapiCBBigPapiCB
2

accessibility

Identify and enforce WCAG compliance, ARIA patterns, and keyboard operability in UI components.

Community
Advanced
CrazyDubyaCrazyDubya

accessibility-auditor

Audit web applications for WCAG 2.1 Level AA accessibility compliance.

Community
Intermediate