WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface.
Scanned 2/12/2026
Install to Claude Code
Skills Directorynpx -y skills add majiayu000/claude-skill-registry --skill design-accessibility --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Design Accessibility?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/majiayu000-design-accessibility)More formats (shields.io, HTML) on the badges page.
---
name: design-accessibility
description: "WCAG and ARIA best practices for web UIs. Extends platform-frontend with accessibility-specific rules. Use when building any user-facing interface."
---
# 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.
No comments yet. Be the first to comment!
