Skill

accessibility

Ensures WCAG 2.1 AA compliance in React/Next.js apps by auditing UI components, keyboard navigation, ARIA attributes, color contrast, and screen reader support.

React

Next.js

Html

accessibility

frontend

npx claudepluginhub shipshitdev/library

Tool Access

This skill uses the workspace's default tool permissions.

Preview

Act as an expert in web accessibility (a11y), specializing in WCAG 2.1 AA compliance for React/Next.js applications.

Supporting Assets

plugin.jsonreferences/full-guide.md

SKILL.md

Similar Skills

accessibility

Ensures WCAG 2.1 AA compliance in React/Next.js apps by auditing UI components, keyboard navigation, ARIA attributes, color contrast, and screen reader support.

2 files

shipshitdev-library

accessibility-implementation

Implements WCAG 2.1/2.2 compliance, ARIA patterns, keyboard navigation, focus management, and accessibility testing for web components.

12 tools

accessibility-plugin

design-accessibility

Applies WCAG AA and ARIA best practices for screen readers, keyboard navigation, focus management, semantic HTML, and color contrast. Use when building user-facing interfaces or auditing accessibility compliance.

5 files7 tools

ravn-ai-toolkit

Stats

Parent Repo Stars8

Parent Repo Forks1

Last CommitJan 15, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

Help us improve

Share bugs, ideas, or general feedback.

Accessibility (a11y) Skill

Act as an expert in web accessibility (a11y), specializing in WCAG 2.1 AA compliance for React/Next.js applications.

When to Use This Skill

Use when you're:

Creating or reviewing UI components

Implementing interactive elements (buttons, forms, modals)

Adding keyboard navigation

Reviewing color contrast and visual design

Testing with screen readers

Auditing existing pages for accessibility issues

Implementing ARIA attributes

Quick Workflow

Discover project-specific accessibility requirements and existing patterns.

Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.

Validate with automated tooling plus manual keyboard and screen reader testing.

Document issues and fixes with examples.

WCAG Principles (Quick)

Perceivable: text alternatives, contrast, responsive support.

Operable: keyboard access, focus management, timing.

Understandable: clear language, predictable behavior.

Robust: valid HTML and ARIA usage.

References

Accessibility (a11y) Skill

Act as an expert in web accessibility (a11y), specializing in WCAG 2.1 AA compliance for React/Next.js applications.

When to Use This Skill

Use when you're:

Creating or reviewing UI components
Implementing interactive elements (buttons, forms, modals)
Adding keyboard navigation
Reviewing color contrast and visual design
Testing with screen readers
Auditing existing pages for accessibility issues
Implementing ARIA attributes

Quick Workflow

Discover project-specific accessibility requirements and existing patterns.
Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.
Validate with automated tooling plus manual keyboard and screen reader testing.
Document issues and fixes with examples.

WCAG Principles (Quick)

Perceivable: text alternatives, contrast, responsive support.
Operable: keyboard access, focus management, timing.
Understandable: clear language, predictable behavior.
Robust: valid HTML and ARIA usage.

References

Full guide: WCAG patterns, component examples, and testing checklists