skills.rest
Kosmio
KosmioOFFICIAL
Explore all skills by this author →
WebsiteGitHub

accessibility

Audit live pages with axe-core and React components with jsx-a11y for WCAG 2.1 AA violations.

Updated Mar 24, 2026
Search Tags:#accessibility#a11y#remediation#reporting#axe-core#wcag-2.1#jsx-a11y
One-click install
npx skills add https://github.com/Kosmio/jib --skill accessibility-kosmio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/Kosmio/jib/tree/main/.claude/skills/accessibility
Command: npx skills add https://github.com/Kosmio/jib --skill accessibility-kosmio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires axe-core, puppeteer, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This skill helps teams identify and fix WCAG 2.1 AA accessibility violations across a web project's front-end, ensuring inclusive user experiences.

Core Features & Use Cases

  • Automated accessibility scanning: axe-core on live pages to surface violations.
  • Static jsx-a11y checks on React components to catch issues during development.
  • Actionable reports with WCAG mapping and remediation guidance, plus optional delta comparisons and quick fixes.

Quick Start

Run an accessibility audit against your project to surface WCAG 2.1 AA violations and receive a guided remediation report.

Frequently Asked Questions about accessibility

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

FAQPage Schema
How do I audit my web project for WCAG 2.1 AA accessibility violations?▼

Run an axe-core scan against a live dev server to surface WCAG 2.1 AA accessibility violations, and use static jsx-a11y checks on React components to generate a deterministic markdown report with actionable remediation guidance.

How do I check my React components for accessibility issues during development?▼

Run static jsx-a11y checks on React components to catch accessibility issues during development, which then maps violations to WCAG 2.1 AA criteria and provides actionable remediation guidance.

Can I use axe-core to audit a local development server for accessibility issues?▼

Yes, axe-core can be applied to live local development servers to scan for WCAG 2.1 AA accessibility violations, producing a deterministic markdown report and an optional JSON delta for comparisons.

What is the best way to generate a WCAG-mapped accessibility report with actionable fixes?▼

Run automated scans using axe-core on live pages and jsx-a11y on React components to produce a deterministic markdown report mapping WCAG 2.1 AA violations to actionable remediation guidance and optional JSON delta comparisons.

Do I need a live development server to run an accessibility audit on my code?▼

No, you can perform code-only analysis on React components using jsx-a11y checks without a live server, though running axe-core against a live dev server provides automated scanning of WCAG 2.1 AA violations.

Related Skills

Explore More Software Engineering Skills→
bingeli1379bingeli1379
2

accessibility

Audit web accessibility for WCAG 2.1 AA compliance using axe-core and eslint-plugin-jsx-a11y.

Community
Intermediate
DexploarerDexploarer
6

wcag-compliance-checker

Audits web applications for WCAG 21 Level AA conformance using axe-core, pa11y, Lighthouse, and outputs remediation recommendations.

Community
Advanced
tsuji-tomonoritsuji-tomonori

a11y-ci-gating

Automate accessibility testing in CI/CD pipelines with quality gates.

Community
Advanced
sharondevssharondevs

a11y-auditor

Audit web pages for WCAG 2.1 AA violations using live browser checks.

Community
Advanced