FrontendJavaScript

Accessibility

by rohitg00

Accessibility is a Frontend skill for Claude Code, published by rohitg00 in awesome-claude-code-toolkit.

2.5K stars898 forkson rohitg00/awesome-claude-code-toolkitAdded 2026/08/18+1% in starsRepository updated 2026/05/12
claudeclaude-codeclaudecodeclaudecode-hookspluginsskills
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/rohitg00/awesome-claude-code-toolkit/tree/main/skills/accessibility-wcag ~/.claude/skills/accessibility-wcag

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/rohitg00/awesome-claude-code-toolkit.git

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

In this catalog

Source file
skills/accessibility-wcag/SKILL.md in rohitg00/awesome-claude-code-toolkit
Installs to
~/.claude/skills/accessibility-wcag
Collection
One of 25 skills cataloged from this repository
Category
Frontend567 skills

What Accessibility does

Accessibility provides web accessibility patterns for WCAG 2.2 compliance, including ARIA, keyboard navigation, screen readers, and testing.

Accessibility is cataloged under Frontend on DirSkills. Accessibility comes from a repository tagged claude, claude-code, claudecode, claudecode-hooks and plugins.

Documentation

README

Accessibility & WCAG

Semantic HTML

<!-- Use semantic elements instead of generic divs -->
<header>
  <nav aria-label="Main navigation">
    <ul>
      <li><a href="/" aria-current="page">Home</a></li>
      <li><a href="/products">Products</a></li>
      <li><a href="/about">About</a></li>
    </ul>
  </nav>
</header>

<main>
  <article>
    <h1>Product Details</h1>
    <section aria-labelledby="specs-heading">
      <h2 id="specs-heading">Specifications</h2>
      <dl>
        <dt>Weight</dt>
        <dd>1.2 kg</dd>
        <dt>Dimensions</dt>
        <dd>30 x 20 x 10 cm</dd>
      </dl>
    </section>
  </article>
</main>

<footer>
  <p>&copy; 2024 Company Name</p>
</footer>

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

Frequently asked about Accessibility

  • What else does rohitg00 publish alongside Accessibility?

    Accessibility is one of 25 skills that DirSkills catalogs from rohitg00/awesome-claude-code-toolkit, the repository it ships in. Its siblings there include API Design Patterns, AWS Cloud Patterns and AgentKit SEO. Each one is a separate skill with its own page in this directory, installs the same way Accessibility does, and is maintained by rohitg00 in that same repository. The rest of the collection is listed on the rohitg00/awesome-claude-code-toolkit page.

  • How does Accessibility compare to other Frontend skills?

    Accessibility ranks #197 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. 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 rohitg00/awesome-claude-code-toolkit

Accessibility is one of 25 skills cataloged on DirSkills from rohitg00/awesome-claude-code-toolkit.

See all 25 skills
🌐
2w ago

API Design Patterns

API Design Patterns provides guidelines for designing REST APIs, including resource naming, HTTP methods, status codes, pagination, versioning, and OpenAPI spec generation. Use it when building or reviewing API endpoints to ensure consistency and best practices.
Quality
2.5K898
☁️
2w ago

AWS Cloud Patterns

AWS Cloud Patterns provides reusable patterns for building serverless applications with Lambda, DynamoDB, S3, and CDK/Terraform. Use it when designing infrastructure as code or implementing Lambda functions and DynamoDB single-table designs.
DevOps
2.5K898
🧭
2w ago

AgentKit SEO

AgentKit SEO routes broad or ambiguous digital-presence work to the right specialized module while keeping context scoped. Use it when a request spans LinkedIn, GitHub, CV/ATS, portfolio, or X/Twitter surfaces, or when the correct platform skill is unclear.
SEO
2.5K898
🔐
2w ago

Authentication Patterns

Authentication Patterns provides reusable patterns for JWT access/refresh tokens, OAuth2 PKCE, and RBAC authorization. Use it when building or reviewing authentication and authorization flows to avoid common security anti-patterns.
DevOps
2.5K898
🚀
2w ago

CI/CD Pipelines

CI/CD Pipelines provides reusable CI/CD pipeline configurations for GitHub Actions and GitLab CI, covering testing strategies and deployment automation. Use it when setting up or refining build, test, and deploy workflows.
DevOps
2.5K898
🧠
2w ago

Claude Memory Kit

Claude Memory Kit provides persistent memory across Claude Code sessions, using a two-layer architecture with a hot cache and knowledge wiki. Use it to maintain context, prevent loss during compression, and capture end-of-day summaries.
AI Engineering
2.5K898