accessibility-checker

Audits web UI code for WCAG 2.2 conformance and provides standards-referenced remediation guidance.

4|2|Updated Jan 27, 2026
One-click install
npx skills add https://github.com/Arete-Consortium/ai-skills --skill accessibility-checker-arete-consortium
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-checker
Source: https://github.com/Arete-Consortium/ai-skills/tree/main/personas/security/accessibility-checker
Command: npx skills add https://github.com/Arete-Consortium/ai-skills --skill accessibility-checker-arete-consortium

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Web applications often ship with accessibility barriers that block users with disabilities, and teams lack the specialized WCAG knowledge to find and fix them. This Skill audits UI code against WCAG 2.2 AA/AAA criteria and delivers specific, code-level fixes instead of vague warnings. ## Core Features & Use Cases - Component and Page Audits: Checks semantic HTML, ARIA roles and states, keyboard interaction patterns, focus management, and color contrast against numbered WCAG success criteria. - Code Review Mode: Flags accessibility regressions in pull requests, such as div-based buttons, missing form labels, and missing keyboard event handlers. - Automated Testing Setup: Provides integration patterns for axe-core, Lighthouse CI, and eslint-plugin-jsx-a11y. - Use Case: Before releasing a new checkout flow, run an audit to verify keyboard navigation, screen reader announcements, focus trapping in modals, and 4.5:1 text contrast, then apply the provided HTML/CSS fixes. ## Quick Start Ask the assistant to audit your checkout page component for WCAG 2.2 AA accessibility issues and provide fixes.

Frequently Asked Questions about accessibility-checker

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

FAQPage Schema
How do I audit a web page for WCAG 2.2 accessibility compliance?▼

Run a page-level audit that checks document structure (lang, title, headings, landmarks), skip navigation, tab order, form labeling, image alternatives, and link text against numbered WCAG success criteria. Combine automated tools like axe-core with manual keyboard and screen reader testing.

How to fix common accessibility issues in HTML forms?▼

Associate every input with a visible label element using the for attribute rather than relying on placeholder text, which disappears on input and has poor contrast. Identify input errors in text and connect error messages to their fields so screen readers announce them.

What is the difference between WCAG Level A, AA, and AAA?▼

Level A covers minimum requirements like keyboard access and text alternatives, Level AA is the standard target including 4.5:1 text contrast and visible focus indicators, and Level AAA adds enhanced criteria like 7:1 contrast. Most legal frameworks such as ADA and EN 301 549 reference Level AA.

Can automated tools like axe-core catch all accessibility issues?▼

No, automated tools catch only about 30% of accessibility issues. Barriers like logical tab order, meaningful alt text, and sensible focus management require human judgment, so automated scans must be paired with manual keyboard and screen reader testing.

When should I use ARIA attributes versus native HTML?▼

Always prefer native HTML semantics first, since elements like button and dialog provide focusability, keyboard activation, and roles for free. Use ARIA only when native elements cannot express the pattern, because ARIA overrides are fragile and inconsistently supported across assistive technologies.