skills.rest
lexicalninja
lexicalninjaCOMMUNITY
Explore all skills by this author →
GitHub

accessibility-design-checker

Identify accessibility issues in UI designs, wireframes, and prototypes.

2|Updated Jan 15, 2026
Search Tags:#accessibility#wcag#screen-reader#color-contrast#keyboard-navigation#a11y-audit#focus-management
One-click install
npx skills add https://github.com/lexicalninja/my-little-scrum-team --skill accessibility-design-checker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-design-checker
Source: https://github.com/lexicalninja/my-little-scrum-team/tree/main/skills/accessibility-design-checker
Command: npx skills add https://github.com/lexicalninja/my-little-scrum-team --skill accessibility-design-checker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs often miss accessibility requirements, leading to products with WCAG gaps, poor color contrast, or non-navigable interfaces. The Accessibility Design Checker provides automated reviews and actionable recommendations to identify and fix accessibility issues in design specs, wireframes, and prototypes.

Core Features & Use Cases

  • Automated accessibility checks: evaluates color contrast, keyboard navigation, focus indicators, semantic structure, and ARIA labeling.
  • WCAG conformance guidance: reports WCAG levels (A/AA/AAA) and practical remediation steps.
  • Design-to-Dev handoff: outputs clear issues and fixes to designers and developers to accelerate accessibility improvements.

Quick Start

Upload your design specification or mockup and run the accessibility checker to receive a report.

Frequently Asked Questions about accessibility-design-checker

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

FAQPage Schema
How do I check color contrast and WCAG conformance in a UI design?▼

You can audit designs for accessibility by uploading UI mockups or wireframes to validate WCAG conformance, color contrast ratios, keyboard navigation, and screen reader compatibility, receiving actionable remediation recommendations.

What is the best way to audit a wireframe for screen reader compatibility?▼

Auditing a wireframe for screen reader compatibility involves evaluating semantic structure and ARIA labeling to identify accessibility gaps, providing clear issues and practical fixes for design-to-dev handoff.

Can I test keyboard navigation and focus management on a design prototype?▼

Yes, you can test keyboard navigation and focus management on a design prototype by validating focus indicators and navigability against WCAG requirements to identify and resolve accessibility barriers.

Does this accessibility checker provide WCAG level A, AA, and AAA remediation steps?▼

Yes, the accessibility checker reports WCAG conformance levels A, AA, and AAA, and delivers practical remediation steps to resolve identified color contrast, keyboard navigation, and screen reader compatibility issues.

Related Skills

Explore More Design & Creative Skills→
aj-geddesaj-geddes
472

UX Designer

Design user flows and ASCII wireframes with WCAG 2.1 AA accessibility specifications.

Community
Basic
AribSudiaAribSudia
2

arib-check-a11y

Audit frontend codebases for WCAG 2.1 Level AA accessibility compliance.

Community
Advanced
Spectra29115Spectra29115

artifacts

Create and manage Replit artifacts for web apps, mobile apps, and design systems.

Community
Advanced
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate