FrontendJavaScript

Accessibility

by affaan-m

Accessibility is a Frontend skill for Claude Code, published by affaan-m in ECC.

239.8K stars36.4K forkson affaan-m/ECCAdded 2026/08/13Repository updated 2026/08/12
ai-agentsanthropicclaudeclaude-codedeveloper-toolsllmmcpproductivity
Install in seconds
Install Accessibility
Copy Accessibility into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/affaan-m/ECC/tree/main/skills/accessibility ~/.claude/skills/accessibility

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/affaan-m/ECC.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/accessibility/SKILL.md in affaan-m/ECC
Installs to
~/.claude/skills/accessibility
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Accessibility does

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.

Accessibility is cataloged under Frontend on DirSkills. Accessibility comes from a repository tagged ai-agents, anthropic, claude, claude-code and developer-tools.

Documentation

README

Accessibility (WCAG 2.2)

This skill ensures that digital interfaces are Perceivable, Operable, Understandable, and Robust (POUR) for all users, including those using screen readers, switch controls, or keyboard navigation. It focuses on the technical implementation of WCAG 2.2 success criteria.

When to Use

  • Defining UI component specifications for Web, iOS, or Android.
  • Auditing existing code for accessibility barriers or compliance gaps.
  • Implementing new WCAG 2.2 standards like Target Size (Minimum) and Focus Appearance.
  • Mapping high-level design requirements to technical attributes (ARIA roles, traits, hints).

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Accessibility

  • What else does affaan-m publish alongside Accessibility?

    Accessibility is one of 25 skills that DirSkills catalogs from affaan-m/ECC, the repository it ships in. Its siblings there include AI Regression Testing, AI-First Engineering and API Connector Builder. Each one is a separate skill with its own page in this directory, installs the same way Accessibility does, and is maintained by affaan-m in that same repository. The rest of the collection is listed on the affaan-m/ECC page.

  • How does Accessibility compare to other Frontend skills?

    Accessibility ranks #1 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Pixel Art. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Accessibility against them. Open each page to compare what they document and how they install.

More from affaan-m/ECC

Accessibility is one of 25 skills cataloged on DirSkills from affaan-m/ECC.

See all 25 skills
🧪
3w ago

AI Regression Testing

AI Regression Testing provides testing patterns for AI-assisted development, catching blind spots when the same model writes and reviews code. Use it for sandbox-mode API tests and regression coverage after AI code changes.
Quality
239.8K36.4K
🤖
3w ago

AI-First Engineering

AI-First Engineering defines process, review, and architecture standards for teams where AI agents produce most implementation output. Use it to set ownership rules, quality gates, and evaluation criteria for agent-generated code.
AI Engineering
239.8K36.4K
🔌
3w ago

API Connector Builder

API Connector Builder builds a new API connector or provider by matching an existing integration pattern in the codebase exactly. Use it when adding a new integration to a project without introducing a second architecture.
DevOps
239.8K36.4K
🔌
3w ago

API Design Patterns

API Design Patterns provides conventions and best practices for designing consistent REST APIs. Use it when creating endpoints, reviewing contracts, handling pagination, error responses, status codes, filtering, or versioning.
Quality
239.8K36.4K
🔍
3w ago

Agent Architecture Audit

Agent Architecture Audit diagnoses failures in agent and LLM applications by auditing the 12-layer agent stack for wrapper regression, memory pollution, tool discipline failures, hidden repair loops, and rendering corruption. Use it when an agent misbehaves and the failing layer is unknown, or before shipping an agent stack.
AI Engineering
239.8K36.4K
⚖️
3w ago

Agent Eval

Agent Eval compares coding agents head-to-head on reproducible tasks, measuring pass rate, cost, time, and consistency. Use it to choose between agents or validate changes with data instead of impressions.
AI Engineering
239.8K36.4K