dragoon0x/optik

a11y-audit

Full accessibility audit covering focus management, semantic HTML, ARIA attributes, color contrast, touch targets, screen reader experience, and motion safety.

First seen May 9, 2026

Installation

$ npx skills add dragoon0x/optik --skill a11y-audit

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from dragoon0x/optik · top by installs.

npx skills add dragoon0x/optik

Browse all from dragoon0x/optik

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,213 B
  • docs SUMMARY.md 177 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 5 installs

SKILL.md

/a11y-audit — Accessibility Audit

Comprehensive accessibility check:

Focus Management

  • Every interactive element must have visible :focus-visible styles
  • Focus order must match visual order
  • No focus traps (except intentional modals)
  • Skip link present for keyboard users

Semantic HTML

  • Proper heading hierarchy (h1 > h2 > h3, no skipping)
  • Landmark elements: header, main, nav, footer
  • Lists use ul/ol, not styled divs
  • Buttons are <button>, links are <a>

ARIA

  • aria-label on icon-only buttons
  • aria-hidden on decorative elements
  • aria-live regions for dynamic content
  • Role attributes only where needed

Color Contrast

  • All text meets WCAG AA (4.5:1 normal, 3:1 large)
  • Interactive elements 3:1 against backgrounds
  • Don't rely on color alone for meaning

Touch Targets

  • Minimum 44x44px on mobile
  • Adequate spacing between targets

Motion Safety

  • prefers-reduced-motion query present if animations exist
  • No autoplaying video without user control