skills.rest
ribatshepo
ribatshepoCOMMUNITY
Explore all skills by this author →
GitHub

accessibility-check

Identify and report WCAG 2.1 AA/AAA accessibility issues in web UI components.

1|Updated Mar 3, 2026
Search Tags:#accessibility#a11y#audit#wcag#ui-components#aria#keyboard-navigation
One-click install
npx skills add https://github.com/ribatshepo/Auto-Orchestrate --skill accessibility-check-ribatshepo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-check
Source: https://github.com/ribatshepo/Auto-Orchestrate/tree/main/claude-code/skills/accessibility-check
Command: npx skills add https://github.com/ribatshepo/Auto-Orchestrate --skill accessibility-check-ribatshepo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates WCAG 2.1 AA/AAA compliance checks to identify accessibility barriers in web interfaces and UI components.

Core Features & Use Cases

  • Automated WCAG 2.1 AA/AAA checks across UI components and pages.
  • Generates structured accessibility reports with severity, WCAG SC mappings, and remediation guidance.
  • Integrates into development workflows (CI/CD, code reviews, pre-release checks) for React, Vue, HTML templates, and web components.

Quick Start

Analyze a project’s UI for accessibility issues and generate a WCAG audit report with prioritized remediation steps.

Frequently Asked Questions about accessibility-check

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

FAQPage Schema
How do I run a WCAG 2.1 AA accessibility audit on my UI components?▼

You can audit UI components for WCAG 2.1 AA compliance by analyzing React, Vue, or HTML templates to generate a structured report with severity, SC mappings, and remediation guidance for ARIA and keyboard navigation issues.

Can I check ARIA usage and keyboard navigation issues in React components?▼

Yes, you can check ARIA usage and keyboard navigation in React components. The audit identifies these accessibility issues and provides structured remediation guidance to correct focus indicators and ARIA attributes.

What is the best way to automate accessibility checks before a sprint release?▼

Automating WCAG accessibility checks during code reviews or pre-release checks is the best way to prepare for sprint releases. The audit identifies UI barriers like contrast and focus issues, generating prioritized remediation steps.

Does this accessibility audit support Vue and HTML templates?▼

Yes, the accessibility audit supports Vue and HTML templates. It performs automated WCAG 2.1 AA/AAA checks across React, Vue, web components, and HTML templates to identify and report UI accessibility barriers.

How do I fix color contrast and focus indicator issues found in a WCAG audit?▼

To fix color contrast and focus indicator issues, follow the structured audit report's remediation guidance. The audit maps each finding to specific WCAG success criteria and provides actionable steps to resolve the accessibility barriers.

Related Skills

Explore More Software Engineering Skills→
wredziowredzio

accessibility

Identify and remediate WCAG 2.1 AA accessibility issues in web pages.

Community
Advanced
samjhechtsamjhecht
4

frontend-accessibility-verification

Verify frontend UI accessibility compliance with axe-core, keyboard, screen reader, and Lighthouse audits.

Community
Advanced
Nickalus12Nickalus12
2

a11y-audit

Audit Loom-style applications for WCAG violations and ARIA usage.

Community
Advanced
HouseofmvpsHouseofmvps
115

a11y

Detect and fix deterministic WCAG 2.2 A/AA accessibility violations in HTML files.

Community
Advanced