Skills
.Work. You
Rest

accessible-frontend-dev

Community

Deliver accessible frontends by default.

Software Engineering#a11y#frontend#react#focus#keyboard#aria#accessible
Authorvladolaru
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill codifies accessible frontend dev practices, ensuring ARIA, keyboard navigation, and focus management are applied by default to React/HTML components.

Core Features & Use Cases

  • Enforces semantic HTML and ARIA patterns for common widgets (modals, menus, tabs, tooltips, forms)
  • Provides decision trees, guidelines, and a pattern reference to guide accessible UI implementation across React and plain HTML/CSS
  • Helps teams maintain WCAG-aligned practices, with explicit focus management and screen-reader announcements

Quick Start

Start by applying accessible frontend patterns to new or existing interactive components to ensure keyboard operability and screen-reader compatibility.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: accessible-frontend-dev
Download link: https://github.com/vladolaru/claude-code-plugins/archive/main.zip#accessible-frontend-dev

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.