Accessibility deep
Skill Dragoon0x/everything-design-taste/skills/accessibility-deep
A taste system for AI agents. 288 skills, 80 agents, 12 rules, and 8 hooks that turn generic AI output into work with genuine design quality. Anti-slop detection, typography craft, color systems, brand voice, product strategy, and 50+ specialized reviewers across UI, industry, platform, and content domains.
npx -y skills add Dragoon0x/everything-design-taste --skill accessibility-deepAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 6 stars6 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
WCAG compliance deep dive, screen reader patterns, keyboard navigation, and inclusive design.
SKILL.md
1.6 KB, as published. Nobody here has run it
Accessibility Deep Dive
ARIA Patterns
| Component | Key ARIA |
|---|---|
| Modal | role=dialog, aria-modal=true, aria-labelledby |
| Tab panel | role=tablist, role=tab, role=tabpanel, aria-selected |
| Accordion | aria-expanded, aria-controls |
| Menu | role=menu, role=menuitem, aria-haspopup |
| Combobox | role=combobox, aria-expanded, aria-activedescendant |
| Alert | role=alert, aria-live=assertive |
| Status | role=status, aria-live=polite |
| Progress | role=progressbar, aria-valuenow, aria-valuemin, aria-valuemax |
Focus Management
- Focus order follows visual order (or logical reading order)
- Focus trap inside modals and dialogs
- Return focus to trigger when modal closes
- Skip links for repetitive navigation
- Focus visible: always show, never remove
:focus-visible
Screen Reader Testing
- Test with VoiceOver (Mac), NVDA (Windows), TalkBack (Android)
- Every interactive element has an accessible name
- Dynamic content changes are announced (aria-live)
- Images have meaningful alt text (or alt="" if decorative)
- Form errors are announced when they appear
Cognitive Accessibility
- Plain language (no jargon without explanation)
- Consistent navigation and layout across pages
- Clear error messages with recovery instructions
- Avoid timeouts (or provide extension option)
- Don't rely on memory (show information in context)