🎯

web-accessibility

🎯Skill

from supercent-io/skills-template

What it does

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

Overview

Web Accessibility is a skill from the supercent-io Agent Skills collection that provides AI coding agents with comprehensive guidelines for implementing web accessibility standards. It ensures generated code follows WCAG guidelines, includes proper ARIA attributes, supports keyboard navigation, and maintains accessible semantic HTML structure.

Key Features

WCAG Compliance Guidance - Provides patterns and rules aligned with Web Content Accessibility Guidelines (WCAG) standards
ARIA Attribute Integration - Guides proper use of ARIA roles, states, and properties for dynamic content
Keyboard Navigation Support - Ensures all interactive elements are keyboard-accessible with proper focus management
Semantic HTML Enforcement - Promotes correct use of semantic HTML elements for screen reader compatibility
Part of Frontend Suite - Works alongside ui-component-patterns, responsive-design, and web-design-guidelines skills

Who is this for?

This skill is for frontend developers and teams who need their AI coding agents to produce accessible code by default. It is especially important for organizations required to meet WCAG compliance standards or those committed to making their web applications usable by people with disabilities.

📦

Same repository

supercent-io/skills-template(102 items)

web-accessibility

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add supercent-io/skills-template --skill web-accessibility

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add supercent-io/skills-template --skill web-accessibility

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/web-accessibility/SKILL.md

SKILL.md

12,653Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

security-best-practices🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

data-analysis🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

workflow-automation🎯Skill

Automates complex multi-step workflows by dynamically generating and executing task sequences with intelligent decision-making and error handling.

🎯

code-review🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

database-schema-design🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

code-refactoring🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

backend-testing🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

technical-writing🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

api-documentation🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.

🎯

api-design🎯Skill

A skills template providing reusable Claude Code skill configurations for development workflows, designed as a starting point for custom skill creation.