accessibility

Audit web pages against WCAG 2.1 guidelines with code examples and testing checklists.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/ofelixdev/cc-kit --skill accessibility-ofelixdev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/ofelixdev/cc-kit/tree/main/template/skills/accessibility
Command: npx skills add https://github.com/ofelixdev/cc-kit --skill accessibility-ofelixdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need to make web content accessible to all users, including those with disabilities, by providing comprehensive guidelines and best practices for WCAG compliance.

Core Features & Use Cases

  • WCAG 2.1 Auditing: Provides detailed checks against Perceivable, Operable, Understandable, and Robust principles.
  • Code Examples: Offers practical HTML, CSS, and JavaScript snippets for implementing accessibility features.
  • Testing Checklists: Includes automated and manual testing strategies, along with screen reader command references.
  • Use Case: When developing a new website feature, use this Skill to ensure it meets accessibility standards from the outset, preventing costly rework and ensuring inclusivity.

Quick Start

Audit the current webpage for accessibility issues based on WCAG 2.1 guidelines.

Frequently Asked Questions about accessibility

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 web accessibility for WCAG 2.1 compliance, evaluate your content against the Perceivable, Operable, Understandable, and Robust (POUR) principles, using provided testing checklists for automated and manual verification.

What are the WCAG 2.1 POUR principles for web accessibility?

The POUR principles for web accessibility dictate that content must be Perceivable, Operable, Understandable, and Robust. These core guidelines ensure all users, including those with disabilities, can effectively navigate and interact with web interfaces.

How do I write HTML and ARIA code for screen reader compatibility?

Write HTML and ARIA code for screen reader compatibility by implementing robust text alternatives, proper form labels, and perceivable color contrast. Use provided code examples to ensure assistive technologies accurately interpret web content.

Can I use this to test keyboard navigation and operability?

Yes, you can test keyboard navigation and operability by applying the provided manual testing strategies. The guidelines include specific checks for operable keyboard navigation to ensure users can fully interact without a mouse.

What is the best way to ensure web content is usable by everyone?

The best way to ensure web content is usable by everyone is to integrate inclusive design standards from the outset of feature development. Apply WCAG 2.1 guidelines and automated testing checklists to prevent costly accessibility rework.

Why does my web form fail accessibility standards?

Web forms fail accessibility standards when they lack understandable form labels or robust ARIA usage. Audit your code against WCAG 2.1 conformance levels and implement proper text alternatives to resolve these barriers.