# Accessibility WCAG

> Accessibility WCAG

- Skill: `onfire7777/accessibility-wcag` (Agent Skill)
- Install (CLI): `npx skillmds@latest add onfire7777/accessibility-wcag`
- Raw SKILL.md: https://api.skillmd.com/api/skills/onfire7777/accessibility-wcag/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: onfire7777 (https://skillmd.com/u/onfire7777)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/onfire7777/accessibility-wcag

---


# Accessibility WCAG

Purpose: Make operator workflows usable by keyboard and screen readers.

1. Use native buttons, labels, selects, and details.
2. Preserve visible focus states.
3. Keep text readable at small widths.
4. Use status text, not color alone.

Checklist:

- Inputs have labels.
- Button text names the action.
- Focus is visible.
- Contrast is sufficient.

Positive example: emergency stop has text and status color.
Negative example: icon-only unlabeled critical action.

Failure modes: color-only state, clipped text, unreachable controls.