1---2name: accessibility-wcag3description: Accessibility WCAG4---56# Accessibility WCAG78Purpose: Make operator workflows usable by keyboard and screen readers.9101. Use native buttons, labels, selects, and details.112. Preserve visible focus states.123. Keep text readable at small widths.134. Use status text, not color alone.1415Checklist:1617- Inputs have labels.18- Button text names the action.19- Focus is visible.20- Contrast is sufficient.2122Positive example: emergency stop has text and status color.23Negative example: icon-only unlabeled critical action.2425Failure modes: color-only state, clipped text, unreachable controls.
Run npx skillmds@latest add onfire7777/accessibility-wcag in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Accessibility WCAG It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
onfire7777 (@onfire7777) published this skill. Their other Agent Skills are listed on their SkillMD profile.
onfire7777