accessibility

Audit UI/UX designs for accessibility gaps against WCAG guidelines.

Updated Jan 1, 2026

Search Tags:#inclusive design #accessibility #a11y #WCAG #usability #aria

Ready to run

npx skills add https://github.com/Ditto190/modme-ui-01 --skill accessibility-ditto190

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/Ditto190/modme-ui-01/tree/main/.github/skills/accessibility
Command: npx skills add https://github.com/Ditto190/modme-ui-01 --skill accessibility-ditto190

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Accessibility tasks often require consistent application of guidelines, audits, and assistive technology testing, which can be time-consuming without a reusable framework.

Core Features & Use Cases

Audit UI for accessibility readiness: Assess color contrast, keyboard navigation, proper semantic markup, and ARIA usage.
Generate accessibility improvements: Propose alt text, labels, and roles to meet WCAG guidelines.
Create test scenarios: Produce step-by-step accessibility test plans for Sprints or QA.

Quick Start

To begin, provide the UI component description and desired accessibility outcomes, and the skill will return actionable checks, suggested ARIA attributes, and test steps.

Frequently Asked Questions about accessibility

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

FAQPage Schema

How do I audit UI components for WCAG accessibility compliance?▼

To audit UI components for WCAG accessibility compliance, provide the component description to the skill. It analyzes color contrast, keyboard navigation, semantic markup, and ARIA usage to identify gaps and propose concrete improvements based on guidelines.

Can AI generate ARIA attributes and alt text for inclusive design?▼

AI can generate ARIA attributes and alt text for inclusive design by evaluating your UI component descriptions. The skill proposes specific labels, roles, and semantic attributes required to meet WCAG guidelines.

What is the best way to create accessibility test scenarios for QA?▼

The best way to create accessibility test scenarios for QA is using a reusable AI framework. It generates step-by-step test plans covering assistive-tech testing and component reviews, providing actionable checks for Sprint integration.

Do I need external tools to check usability and accessibility in my designs?▼

You do not need external tools to check usability and accessibility in your designs. The skill requires no external tools beyond AI analysis to evaluate component readiness and suggest improvements.

How does AI apply WCAG guidelines to web and app interface reviews?▼

AI applies WCAG guidelines to web and app interface reviews by analyzing your provided UI descriptions against established criteria. It returns actionable checks, suggested ARIA attributes, and test steps to resolve identified gaps.