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/skills

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

ui-ux-pro-max

70.8k

Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.

ui-ux-pro-max

context7-mcp

51.8k

Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.

context7-plugin

competitive-landscape

32.9k

Analyzes competition with Porter's Five Forces, Blue Ocean Strategy, and positioning maps to identify differentiation opportunities and market positioning for startups and pitches.

startup-business-analyst

Stats

Stars21

Forks2

Last CommitApr 21, 2026

Used By2 plugins

Actions

View Source View Plugin View on GitHub View README

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