Claude-skill-registry design-accessibility

Name: design-accessibility
Author: majiayu000

WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface.

install

source · Clone the upstream repo

git clone https://github.com/majiayu000/claude-skill-registry

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/design-accessibility" ~/.claude/skills/majiayu000-claude-skill-registry-design-accessibility && rm -rf "$T"

manifest: skills/data/design-accessibility/SKILL.md

Principles

Use semantic HTML first — ARIA is a last resort, not a first tool
Proper heading hierarchy — one h1 per page, never skip levels
Alt text on all meaningful images
Maintain 4.5:1 minimum color contrast ratio
Use
```
<button>
```
for actions,
```
<a>
```
for navigation — never a styled
```
<div>
```

Rules

See

rules/

for detailed patterns.