Can it suggest specific color changes for better contrast?

Absolutely. If a contrast ratio is found to be below the required 4.5:1 threshold, the skill provides specific recommendations to darken or lighten colors to meet the standard.

Does it check for mobile-specific accessibility?

Yes, it verifies that touch targets meet the minimum 44x44px requirement and ensures that layouts remain functional and readable at 200% zoom levels.

How does it help with screen reader compatibility?

The skill reviews your code for semantic HTML usage, identifies missing alt text for images, and suggests appropriate ARIA labels and roles for complex interactive elements.

Does this skill support WCAG 2.1 standards?

Yes, it reviews designs and code against WCAG 2.1 Level A, AA, and AAA requirements to ensure broad compliance and inclusive design.

Accessibility Design Checker

Name: Accessibility Design Checker
Author: lexicalninja

bylexicalninja

디자인 도구

Audits UI designs and frontend code for WCAG compliance to ensure inclusive and accessible user experiences.

소개

The Accessibility Design Checker is a specialized skill that enables Claude to perform comprehensive accessibility audits on design specifications and implementation code. It systematically evaluates projects against WCAG 2.1 standards, focusing on critical areas such as color contrast ratios, keyboard navigation logic, screen reader compatibility, and touch target sizing. By providing detailed reports with compliance status and actionable remediation steps, this skill helps development teams identify accessibility barriers early in the lifecycle and ensures digital products are usable by everyone.

주요 기능

Automated color contrast ratio validation with improvement suggestions
Screen reader support review including ARIA and semantic HTML
0 GitHub stars
Comprehensive WCAG 2.1 Level A, AA, and AAA compliance auditing
Keyboard navigation and focus management logic verification
Mobile accessibility checks for touch targets and text resizing

사용 사례

Auditing existing frontend code to identify and fix accessibility technical debt
Reviewing UI component designs for accessibility before moving to development
Ensuring design systems meet legal accessibility requirements for enterprise projects

소개

주요 기능

Automated color contrast ratio validation with improvement suggestions
Screen reader support review including ARIA and semantic HTML
0 GitHub stars
Comprehensive WCAG 2.1 Level A, AA, and AAA compliance auditing
Keyboard navigation and focus management logic verification
Mobile accessibility checks for touch targets and text resizing

사용 사례

Auditing existing frontend code to identify and fix accessibility technical debt
Reviewing UI component designs for accessibility before moving to development
Ensuring design systems meet legal accessibility requirements for enterprise projects