skills.rest
Ditto190
Ditto190COMMUNITY
Explore all skills by this author →
GitHub

accessibility

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

Updated Jan 1, 2026
Search Tags:#inclusive design#accessibility#a11y#WCAG#usability#aria
One-click install
npx skills add https://github.com/Ditto190/modme-ui-01 --skill accessibility-ditto190
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
Peter-Swain-IncPeter-Swain-Inc
1

difficult-message-drafter

Draft difficult messages in direct, diplomatic, and firm versions.

Official
Intermediate
pelcherspelchers

ensuring-accessibility

Implement WCAG 2.1 AA-compliant accessibility patterns for web interfaces.

Community
Advanced
DanielPodolskyDanielPodolsky
274

accessibility-fundamentals

Identify and fix accessibility issues in JSX UI components using WCAG, ARIA, and keyboard navigation.

Community
Basic
dylantarredylantarre
38

color-contrast

Validate color combinations against WCAG 2.1 contrast requirements and generate accessible pairings.

Community
Basic