ReddRadar
Agent skill
applying-a11y-standards
Rules for ensuring Accessibility (a11y) across the Tourly app. Use to build inclusive interfaces.
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/applying-a11y-standards
SKILL.md
Accessibility Standards (a11y)
When to use this skill
- Every time you create a new component or page.
- During UI audits.
Best Practices
- Semantic HTML: Use
<main>,<header>,<footer>,<nav>, and appropriate heading levels. - ARIA Labels: Use
aria-labelfor icon-only buttons. - Keyboard Nav: Ensure all interactive elements have a visible
:focus-visiblestate. - Contrast: Maintain a text-to-background contrast ratio of at least 4.5:1.
Instructions
- Tools: Use the
axe-corelibrary or Lighthouse to run automated audits. - Alt Text: Every
Imagemust have a descriptivealtattribute.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?