skills.rest
zinohome
zinohomeCOMMUNITY
Explore all skills by this author →
GitHub

accessibility-auditor

Audit web pages for WCAG 2.1 compliance and implement accessibility fixes.

1|Updated Nov 6, 2025
Search Tags:#inclusive design#accessibility#a11y#screen reader#web development#WCAG
One-click install
npx skills add https://github.com/zinohome/CozyChat --skill accessibility-auditor-zinohome
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-auditor
Source: https://github.com/zinohome/CozyChat/tree/main/.claude/skills/accessibility-auditor
Command: npx skills add https://github.com/zinohome/CozyChat --skill accessibility-auditor-zinohome

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers and designers create inclusive web experiences by auditing and implementing accessibility (a11y) features according to WCAG 2.1 guidelines.

Core Features & Use Cases

  • WCAG Compliance Audits: Checks against accessibility standards.
  • Semantic HTML & ARIA Implementation: Guides on using proper HTML elements and ARIA patterns.
  • Keyboard Navigation & Focus Management: Ensures usability for keyboard-only users.
  • Color Contrast Analysis: Verifies sufficient contrast ratios for readability.
  • Use Case: A developer needs to ensure their new web application is usable by people with disabilities. They can use this Skill to audit their code, identify issues like missing alt text or poor color contrast, and receive guidance on fixing them.

Quick Start

Use the accessibility-auditor skill to audit the current web page for WCAG 2.1 compliance.

Frequently Asked Questions about accessibility-auditor

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

FAQPage Schema
How do I audit my web page for WCAG 2.1 compliance?▼

To audit web accessibility for WCAG 2.1 compliance, check your HTML for missing alt text, insufficient color contrast, and improper ARIA patterns. This process identifies barriers like poor keyboard navigation and screen reader support, then guides you on implementing fixes.

What is the best way to add screen reader support using ARIA patterns?▼

Adding screen reader support requires implementing proper semantic HTML elements alongside ARIA patterns to convey UI states and structures. This ensures assistive technologies can accurately interpret web content, navigate layouts, and announce dynamic updates to users.

How do I implement keyboard navigation and focus management for web applications?▼

Implementing keyboard navigation requires managing focus states and ensuring all interactive elements are accessible without a mouse. This involves setting logical tab orders, visible focus indicators, and proper ARIA roles to support keyboard-only users.

How does color contrast analysis improve web accessibility?▼

Color contrast analysis improves web accessibility by verifying sufficient contrast ratios between text and background elements. Ensuring readability for visually impaired users involves checking designs against WCAG 2.1 standards and adjusting colors to meet minimum ratio requirements.

Can I check my web application for missing alt text and poor contrast automatically?▼

Yes, you can check web applications for missing alt text and poor contrast by auditing your code against WCAG 2.1 guidelines. This review identifies accessibility issues like missing semantic HTML and insufficient color contrast, providing guidance on resolving them.

When do I need an accessibility audit for inclusive design?▼

An accessibility audit is needed when ensuring a new web application is usable by people with disabilities, verifying WCAG 2.1 compliance. You should perform this review when adding new UI components, updating navigation, or preparing for inclusive design validation.

Related Skills

Explore More Software Engineering Skills→
1veso1veso

tweak

Inject a live tweak panel into HTML files and bake adjustments into source CSS.

Community
Intermediate
kennedym-dskennedym-ds
14

accessibility-wcag

Evaluate and implement WCAG 2.1 AA accessibility patterns for frontend web development.

Community
Advanced
nimadorostkarnimadorostkar
25

accessibility

Audit web interfaces for WCAG 2.2 AA conformance.

Community
Advanced
carson-sweetcarson-sweet
6

Testing Accessibility

Audit web pages against WCAG 2.1 Level AA with automated and manual checks.

Community
Advanced