Skills
.Work. You
Rest

vitaly

Community

Accessible web forms that work for everyone.

Software Engineering#a11y#frontend#ux#aria#accessible#web-forms#form-design
Authordanmestas
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Builds accessible, inclusive web forms by applying Vitaly Friedman's best practices to labeling, layout, interaction, and validation, reducing friction for users with assistive technologies.

Core Features & Use Cases

  • Enforces single-column layouts, clear labels, fieldset/legend grouping, and persistent focus states for predictable navigation.
  • Provides guidance for form auditing, UX reviews, and component generation that aligns with 2025 inclusive-design standards.
  • Generates structured form components with proper ARIA attributes, keyboard accessibility, and actionable error messaging.

Quick Start

Generate an accessible React form following Vitaly’s guidelines with proper labels, focus management, and inline validation.

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: vitaly
Download link: https://github.com/danmestas/wardrobe/archive/main.zip#vitaly

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.