Accessibility Patterns

Accessibility Patterns is a Frontend skill for Claude Code, published by vibeeval in vibecosystem.

528 stars44 forkson vibeeval/vibecosystemAdded 2026/08/26Repository updated 2026/08/08

ai-agentsai-software-teamanthropicautomationclaudeclaude-codeclaude-skillsdeveloper-toolsdevtoolshooksmulti-agentopen-sourceself-learningvibe-codingvibecoding

Install in seconds

Install Accessibility Patterns

Copy Accessibility Patterns 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/vibeeval/vibecosystem/tree/main/skills/accessibility-patterns ~/.claude/skills/accessibility-patterns

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/vibeeval/vibecosystem.git

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

In this catalog

Source file: skills/accessibility-patterns/SKILL.md in vibeeval/vibecosystem
Installs to: ~/.claude/skills/accessibility-patterns
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Accessibility Patterns does

Accessibility Patterns covers WCAG 2.2 AA requirements, ARIA patterns, keyboard navigation, and screen reader-friendly UI practices. Use it when building or auditing interfaces for accessibility.

Accessibility Patterns is cataloged under Frontend on DirSkills. Accessibility Patterns comes from a repository tagged ai-agents, ai-software-team, anthropic, automation and claude.

Documentation

README

Excerpt

Kriter	Kural	Kontrol
1.1.1	Non-text content alt text	`<img alt="description">`
1.3.1	Semantic HTML	Headings, landmarks, lists
1.4.3	Color contrast	4.5:1 normal text, 3:1 large
1.4.11	UI component contrast	3:1 borders, icons

Operable

Kriter	Kural	Kontrol
2.1.1	Keyboard accessible	Tab, Enter, Space, Escape
2.4.3	Focus order	Logical tab sequence
2.4.7	Focus visible	Visible focus indicator
2.5.8	Target size	Min 24x24px (44x44px önerilir)

Understandable

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

Frequently asked about Accessibility Patterns

What else does vibeeval publish alongside Accessibility Patterns?
Accessibility Patterns is one of 25 skills that DirSkills catalogs from vibeeval/vibecosystem, the repository it ships in. Its siblings there include AI Slop Cleaner, API Patterns and API Versioning Patterns. Each one is a separate skill with its own page in this directory, installs the same way Accessibility Patterns does, and is maintained by vibeeval in that same repository. The rest of the collection is listed on the vibeeval/vibecosystem page.
How does Accessibility Patterns compare to other Frontend skills?
Accessibility Patterns ranks #498 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 Patterns against them. Open each page to compare what they document and how they install.