Does it provide a score for my code?

Yes, after verification, the skill generates a structured report that includes a score based on the criteria defined in the project's rules.

Can I use this for React and HTML components?

Yes, the skill is optimized for both modern React components and standard HTML structures.

What accessibility standards does this skill support?

The skill is specifically designed to verify compliance with WCAG 2.1 Level AA guidelines, including semantic HTML and ARIA practices.

What specific UI elements can it check?

It can check a wide range of elements including forms, navigation, buttons, dates, and complex interactive components that require focus management.

Accessibility Checker

Name: Accessibility Checker
Author: xnopre

byxnopre

0•

Security & Testing

Verifies WCAG 2.1 Level AA compliance for React and HTML components to ensure inclusive and accessible user interfaces.

The Accessibility Checker skill provides a systematic way to audit React components and HTML code for WCAG 2.1 Level AA compliance. By leveraging domain-specific rules and international standards, it analyzes semantic HTML, ARIA attributes, form accessibility, and focus management. This skill is particularly useful for frontend developers who need to ensure their UI components meet accessibility requirements and want to generate structured compliance reports with objective scoring during the development process.

Key Features

01Comprehensive audit of semantic HTML and ARIA attributes

02Validation of form labels and focus management patterns

030 GitHub stars

04Integration with project-specific accessibility rule sets

05WCAG 2.1 Level AA compliance verification

06Structured report generation with compliance scoring

Use Cases

01Auditing new React UI components for accessibility before deployment

02Generating compliance reports for accessibility documentation

03Verifying complex web forms for screen reader and keyboard compatibility

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xnopre/copro-tickets-tracker accessibility-checker

For use in Claude.ai and ChatGPT

Download Skill