Skills
.Work. You
Rest

web-accessibility-patterns

Official

Make web apps accessible with proven patterns.

Software Engineering#accessibility#a11y#semantic-html#color-contrast#aria#keyboard-navigation#focus-management
AuthorAgentient
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Web accessibility patterns equip developers with practical guidelines to build inclusive web interfaces using semantic HTML, ARIA attributes, and keyboard navigation so users with disabilities have a better experience.

Core Features & Use Cases

  • Semantic HTML foundation (nav, main, article, aside) to convey structure to assistive tech.
  • ARIA patterns for icon-only buttons and dynamic content to communicate state and purpose.
  • Keyboard navigation and focus management to ensure operability without a mouse.
  • Color and contrast guidance and screen-reader-friendly content to improve readability and interaction.

Quick Start

Apply semantic HTML, add ARIA where needed, and implement keyboard interactions in your existing UI components to improve accessibility.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: web-accessibility-patterns
Download link: https://github.com/Agentient/vibekit/archive/main.zip#web-accessibility-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.