KS
Killer-Skills

accessibility-checker — how to use accessibility-checker how to use accessibility-checker, accessibility-checker setup guide, WCAG 2.1 compliance checklist, accessibility-checker vs axe, accessibility-checker install, what is accessibility-checker, accessibility-checker alternative, web accessibility testing tools, accessibility-checker documentation

v1.0.0
GitHub

About this Skill

Essential for Frontend Development Agents requiring automated WCAG 2.1 Level AA compliance verification. accessibility-checker is a skill that verifies the accessibility of web components against WCAG 2.1 Level AA standards, ensuring semantic HTML, ARIA attributes, and forms compliance.

Features

Verifies React and HTML components against WCAG 2.1 Level AA standards
Checks for semantic HTML and ARIA attributes compliance
Evaluates forms, focus, and dates for accessibility
Generates a structured report with scoring for accessibility issues
References `.claude/rules/accessibility.md` for exact criteria and rules

# Core Topics

how to use accessibility-checker accessibility-checker setup guide WCAG 2.1 compliance checklist accessibility-checker vs axe accessibility-checker install what is accessibility-checker
xnopre xnopre
[0]
[0]
Updated: 3/6/2026

↓ Quality Score

Top 5%
23
Excellent
Based on code quality & docs
Installation
SYS Universal Install (Auto-Detect)
Cursor IDE Windsurf IDE VS Code IDE
> npx killer-skills add xnopre/copro-tickets-tracker/examples.md

Agent Capability Analysis

The accessibility-checker MCP Server by xnopre is an open-source Categories.community integration for Claude and other AI agents, enabling seamless task automation and capability expansion. Optimized for how to use accessibility-checker, accessibility-checker setup guide, WCAG 2.1 compliance checklist.

Ideal Agent Persona

Essential for Frontend Development Agents requiring automated WCAG 2.1 Level AA compliance verification.

Core Value

Enables comprehensive accessibility auditing of React and HTML components against defined WCAG 2.1 Level AA criteria including semantic HTML, ARIA attributes, forms, focus management, and date components. Provides structured scoring reports with detailed compliance analysis.

↓ Capabilities Granted for accessibility-checker MCP Server

Automating accessibility audits for React components
Validating semantic HTML structure compliance
Testing ARIA attribute implementation
Verifying form accessibility standards
Checking focus management patterns

! Prerequisites & Limits

  • Requires predefined rules in .claude/rules/accessibility.md
  • Limited to WCAG 2.1 Level AA standards
  • Focuses on React and HTML components only
Project
SKILL.md
1.0 KB
.cursorrules
1.2 KB
package.json
240 B
Ready
UTF-8

# Tags

[No tags]
SKILL.md
Readonly

Accessibility Checker

You verify WCAG 2.1 Level AA accessibility of React and HTML components.

Reference

All accessibility rules (semantic HTML, ARIA attributes, forms, focus, dates) are documented in .claude/rules/accessibility.md.

You MUST read this file to understand the exact criteria to verify.

Your Role

  1. Read the provided component
  2. Verify each criterion defined in .claude/rules/accessibility.md
  3. Generate a structured report with scoring

Analysis Report

After verification, generate a structured report. See examples.md for the complete template.

Resources

See Also

  • test-writer — Write accessibility tests (ARIA attributes, semantic HTML, keyboard navigation) to verify WCAG compliance automatically. Pair with accessibility-checker for comprehensive coverage.

Related Skills

Looking for an alternative to accessibility-checker or building a Categories.community AI Agent? Explore these related open-source MCP Servers.

View All

widget-generator

Logo of f
f

widget-generator is an open-source AI agent skill for creating widget plugins that are injected into prompt feeds on prompts.chat. It supports two rendering modes: standard prompt widgets using default PromptCard styling and custom render widgets built as full React components.

★ 149.6k
⑂ 0
Design

chat-sdk

Logo of lobehub
lobehub

chat-sdk is a unified TypeScript SDK for building chat bots across multiple platforms, providing a single interface for deploying bot logic.

★ 73.0k
⑂ 0
Communication

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
Communication

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
Communication