accessibility-patterns
This skill equips developers with practical guidance on WCAG standards and techniques for creating accessible web interfaces. Explore proven patterns and implementation strategies that ensure your components work for all users, regardless of ability or assistive technology.
accessibility-patterns provides comprehensive guidance on WCAG standards and techniques for creating accessible web interfaces. The skill equips developers with practical implementation strategies aligned with WCAG requirements, helping ensure your web components meet accessibility compliance levels. You'll learn proven patterns that make interfaces work for all users, regardless of ability or assistive technology, with particular focus on standards-based approaches to inclusive design.
AI-generated summary based on this skill's SKILL.md
Install
organvm/a-i--skills/accessibility-patterns · repository language: Python
git clone https://github.com/organvm/a-i--skills
cp -r a-i--skills/skills/development/accessibility-patterns ~/.claude/skills/accessibility-patternsFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What are WCAG compliance guidelines that accessibility-patterns covers?
accessibility-patterns provides comprehensive guidance on WCAG standards and techniques for creating accessible web interfaces. The skill equips developers with practical implementation strategies aligned with WCAG requirements, helping ensure your web components meet accessibility compliance levels. You'll learn proven patterns that make interfaces work for all users, regardless of ability or assistive technology, with particular focus on standards-based approaches to inclusive design.
How does accessibility-patterns help with keyboard navigation implementation?
accessibility-patterns teaches developers how to build keyboard-navigable interfaces through focus management and keyboard event handling patterns. The skill covers techniques for implementing proper focus indicators, managing tab order, and creating keyboard shortcuts that enable users to navigate your entire interface without a mouse. These patterns ensure your web components are fully operable via keyboard, a core requirement for accessibility compliance.
What screen reader testing approaches does accessibility-patterns recommend?
accessibility-patterns addresses screen reader testing as a critical part of web accessibility auditing. The skill provides guidance on testing and auditing web accessibility compliance, including how to verify that your components work correctly with screen readers. You'll learn best practices for ensuring semantic HTML and ARIA attributes are properly implemented so assistive technologies can interpret your content accurately.
How can I use accessibility-patterns to understand semantic HTML and ARIA for inclusive design?
accessibility-patterns explains semantic HTML and ARIA attributes as foundational tools for inclusive design. The skill teaches developers how to use proper heading hierarchies, landmark elements, and ARIA roles to create meaningful structure that assistive technologies can interpret. You'll learn when and how to apply ARIA attributes to enhance accessibility without relying on visual cues, ensuring your interfaces communicate intent clearly to all users.
What does accessibility-patterns teach about fixing color contrast and perceivable content?
accessibility-patterns covers techniques for ensuring content is perceivable to all users, including color contrast requirements that meet WCAG standards. The skill guides developers on selecting color combinations that provide sufficient contrast for users with low vision or color blindness, and on implementing alternative ways to convey information beyond color alone. These patterns help ensure your web components remain usable across diverse visual abilities.
Can accessibility-patterns help me audit my website for accessibility issues?
accessibility-patterns equips developers with knowledge for testing and auditing web accessibility compliance. The skill provides practical patterns and best practices for identifying accessibility issues in your interfaces, from keyboard navigation problems to screen reader incompatibilities. By learning these audit techniques alongside implementation strategies, you can systematically verify that your website meets accessibility standards and works for users with diverse abilities and assistive technologies.
SKILL.md
rendered from the published skill — quoted content, verbatim
Accessibility Patterns
Build for everyone from the start.
Core Principles (POUR)
| Principle | Meaning | Example |
|---|---|---|
| Perceivable | Users can perceive content | Alt text, captions, contrast |
| Operable | Users can interact | Keyboard access, enough time |
| Understandable | Users can comprehend | Clear language, predictable |
| Robust | Works with assistive tech | Valid HTML, ARIA |
WCAG Levels
| Level | Description | Target |
|---|---|---|
| A | Minimum | Must have |
| AA | Standard | Industry standard, legal requirement |
| AAA |
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 5 files
skills/development/accessibility-patterns/SKILL.md
skills/development/accessibility-patterns/references/aria-patterns.md
skills/development/accessibility-patterns/references/testing-tools.md
skills/development/accessibility-patterns/references/wcag-checklist.md
skills/development/accessibility-patterns/references/workflow-integration.md