Skills
.Work. You
Rest

forge-accessibility

Community

Ship accessible UI with semantic first rules.

Design & Creative#accessibility#screen reader#keyboard navigation#semantic html#forms#wcag contrast
Authorf4rkh4d
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents AI-generated UI from failing accessibility basics like keyboard navigation, missing labels, weak focus states, poor color contrast, and non-semantic “div soup” interactions that break screen-reader and low-vision usability.

Core Features & Use Cases

  • Semantic HTML over ARIA: choose correct elements first (buttons, links, headings, landmarks, tables, dialog/disclosures) and use ARIA only when semantics can’t express the intent.
  • Keyboard & focus correctness: enforce visible :focus-visible rings, focus order that matches reading order, and safe modal behavior (focus trap, Escape to close, restore focus).
  • Accessible form & media discipline: require real labels (not placeholder-only), associate errors with inputs, provide alt for images (including decorative alt=""), and ensure icon-only buttons have an aria-label.

Quick Start

Use forge-accessibility whenever you generate or refactor a UI component so it remains usable with keyboard and screen readers, including dialogs, forms, and interactive controls.

Dependency Matrix

Required Modules

None required

Components

assets

💻 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: forge-accessibility
Download link: https://github.com/f4rkh4d/forge-skill/archive/main.zip#forge-accessibility

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.