Skip to content
Back to skills

Accessibility Patterns

ASecurity

Codify reusable accessible interaction patterns with semantic intent, keyboard and focus behavior, state communication, content guidance, and implementation notes for recurring UI needs.

  • 16 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added September 11, 2026
ai-agents

Security analysis

A100/100

Scanned September 11, 2026

npx -y skills add Dadmin88/hermes-profile-packs --skill accessibility-patterns --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Accessibility Patterns?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Accessibility Patterns
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/dadmin88-accessibility-patterns/badge)](https://www.skillsdirectory.com/skills/dadmin88-accessibility-patterns)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: accessibility-patterns
description: Codify reusable accessible interaction patterns with semantic intent, keyboard and focus behavior, state communication, content guidance, and implementation notes for recurring UI needs.
---
# Accessibility Patterns

Use when a design system must prevent teams from reinventing accessibility behavior for common interactions.

## Procedure
1. Identify recurring interactive patterns whose accessibility behavior is frequently inconsistent or error-prone.
2. Start from native platform semantics and established accessible interaction patterns before inventing custom widgets.
3. Define roles or semantic structure, names and descriptions, state or properties, keyboard interaction, focus movement, dismissal, and dynamic announcements needed for the pattern.
4. Specify visual requirements such as focus visibility, contrast, target size, reflow, reduced motion, and non-color state communication where relevant.
5. Provide content guidance for labels, instructions, validation, errors, and status text that materially affects accessibility.
6. Map responsibilities between design and engineering so static specs do not falsely imply they alone guarantee accessibility.
7. Provide tested examples and known limitations across target platforms or assistive technology where evidence exists.
8. Route formal standards interpretation to Accessibility Reviewer and revise the system when real audits expose pattern defects.

## Decision rules
- Use native controls when they meet the interaction need.
- ARIA is not a substitute for correct behavior.
- Accessibility belongs in reusable patterns so product teams do not repeatedly relearn the same failures.
- Document evidence and platform limitations instead of claiming universal assistive-technology behavior.

## Quality gate
The pattern is ready when semantics, keyboard and focus, visual adaptation, state communication, and content expectations are explicit, implementation responsibilities are clear, representative examples have been validated, and teams can reuse the pattern without inventing fundamental accessibility behavior.

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…