skills.rest
Sir-chawakorn
Sir-chawakornCOMMUNITY
Explore all skills by this author →
GitHub

accessibility-audit

Audit web content for WCAG 2.1 compliance and fix accessibility issues.

33|5|Updated Jan 14, 2026
Search Tags:#inclusive design#accessibility#a11y#compliance#wcag#web audit
One-click install
npx skills add https://github.com/Sir-chawakorn/power-ranger-toolkit --skill accessibility-audit-sir-chawakorn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility-audit
Source: https://github.com/Sir-chawakorn/power-ranger-toolkit/tree/main/src/skills/accessibility-audit
Command: npx skills add https://github.com/Sir-chawakorn/power-ranger-toolkit --skill accessibility-audit-sir-chawakorn

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need for web accessibility by auditing websites for WCAG compliance and providing actionable steps to fix accessibility issues, ensuring inclusivity for all users.

Core Features & Use Cases

  • WCAG Compliance Auditing: Checks against POUR principles (Perceivable, Operable, Understandable, Robust).
  • Common Issue Identification & Fixes: Provides examples for images, forms, buttons, and links.
  • Color Contrast Analysis: Offers guidance and CSS examples for meeting contrast ratio requirements.
  • Keyboard Navigation & Screen Reader Support: Includes code snippets for focus management and ARIA live regions.
  • Audit Tool Integration: Suggests using Lighthouse and axe-core.

Quick Start

Run an accessibility audit on the provided website URL.

Frequently Asked Questions about accessibility-audit

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

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

To audit for WCAG 2.1 compliance, this Skill checks your web content against the POUR principles, identifying accessibility issues related to perceivability, operability, understandability, and robustness, and then provides actionable rectification steps.

How do I fix color contrast issues for web accessibility?▼

Fixing color contrast issues involves analyzing your website's elements against contrast ratio requirements, where this Skill provides specific guidance and CSS examples to ensure text meets web accessibility standards.

Can I use Lighthouse and axe-core for my accessibility audit?▼

Yes, you can use Lighthouse and axe-core for an accessibility audit, as this Skill integrates with these tools to perform comprehensive analysis and identify WCAG compliance failures.

How do I add keyboard navigation and screen reader compatibility to my site?▼

Adding keyboard navigation and screen reader compatibility requires proper focus management and ARIA implementation, where this Skill provides code snippets for ARIA live regions to ensure interactive elements are operable by all users.

What is inclusive design and how does it affect web content?▼

Inclusive design ensures web content is usable by everyone, which this Skill supports by auditing for WCAG compliance, checking color contrast, keyboard navigation, and screen reader compatibility to rectify accessibility barriers.

Related Skills

Explore More Design & Creative Skills→
HouseGarofaloHouseGarofalo
3

accessibility-mode

Audit UI components and code for WCAG 2.1 AA compliance.

Official
Intermediate
NITRR-OfficialNITRR-Official
4

Accessibility Auditor

Evaluate website accessibility against WCAG 2.1 AA/AAA standards and ARIA implementation.

Official
Advanced
knckknckknckknck

wcag-audit-patterns

Audit WCAG 2.2 conformance with axe-core, pa11y, and lighthouse.

Community
Advanced
dmulcaheydmulcahey

qa-only

Automate browser-based QA tests and generate evidence reports.

Community
Advanced