Skip to content
OpenSmartRoute
Skillv1.0.0

accessibility

Applies WCAG 2.1 AA to web UI work and fixes what fails — semantic HTML, ARIA roles and states, keyboard access, focus management, contrast ratios, and screen-reader verification — while a component i

by shipshitdev(0) 0 installs
Free
Sign in to install

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from shipshitdev/skills (skills/accessibility/SKILL.md). Install upstream with npx skills add shipshitdev/skills --skill accessibility. Copyright stays with the author.

Accessibility (a11y) Skill

When to Use

Use when you're:

  • Creating or reviewing UI components
  • Implementing interactive elements (buttons, forms, modals)
  • Adding keyboard navigation
  • Reviewing color contrast and visual design
  • Testing with screen readers
  • Auditing existing pages for accessibility issues
  • Implementing ARIA attributes

Quick Workflow

  1. Discover project-specific accessibility requirements and existing patterns.
  2. Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.
  3. Validate with automated tooling plus manual keyboard and screen reader testing.
  4. Document issues and fixes with examples.

WCAG Principles

  • Perceivable: text alternatives, contrast, responsive support.
  • Operable: keyboard access, focus management, timing.
  • Understandable: clear language, predictable behavior.
  • Robust: valid HTML and ARIA usage.

References

Related

  • audit — a scored 0-4 sweep across accessibility, performance, theming, responsive design, and anti-patterns when no single dimension is named.
  • design-consistency-auditor — token drift, hardcoded colors, and design-system divergence.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml
targets:
  - https://api.opensmartroute.ai/api/v1/registry/shipshitdev-skills-accessibility/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

shipshitdev-skills-accessibility.ocm.jsonjson
{
  "ocm": "1",
  "id": "shipshitdev-skills-accessibility",
  "kind": "skill",
  "name": "accessibility",
  "description": "Applies WCAG 2.1 AA to web UI work and fixes what fails — semantic HTML, ARIA roles and states, keyboard access, focus management, contrast ratios, and screen-reader verification — while a component is being built or reviewed. Use when the user names accessibility, a11y, WCAG, ARIA, keyboard navigation, focus traps, screen readers, or contrast. For a scored multi-dimension quality report, use `audit`; for design-token consistency, use `design-consistency-auditor`.",
  "publisher": "shipshitdev",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "accessibility",
      "a11y",
      "wcag",
      "aria",
      "keyboard-navigation",
      "screen-reader",
      "inclusive-design",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Applies WCAG 2.1 AA to web UI work and fixes what fails — semantic HTML, ARIA roles and states, keyboard access, focus management, contrast ratios, and screen-reader verification — while a component is being built or reviewed. Use when the user names accessibility, a11y, WCAG, ARIA, keyboard navigation, focus traps, screen readers, or contrast. For a scored multi-dimension quality report, use `audit`; for design-token consistency, use `design-consistency-auditor`."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/shipshitdev/skills",
      "path": "skills/accessibility/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/shipshitdev/skills/blob/HEAD/skills/accessibility/SKILL.md",
      "key": "shipshitdev/skills/skills/accessibility/SKILL.md"
    }
  },
  "instructions": "# Accessibility (a11y) Skill\n\n## When to Use\n\nUse when you're:\n\n- Creating or reviewing UI components\n- Implementing interactive elements (buttons, forms, modals)\n- Adding keyboard navigation\n- Reviewing color contrast and visual design\n- Testing with screen readers\n- Auditing existing pages for accessibility issues\n- Implementing ARIA attributes\n\n## Quick Workflow\n\n1. Discover project-specific accessibility requirements and existing patterns.\n2. Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.\n3. Validate with automated tooling plus manual k",
  "cost": {
    "context_tokens": 320
  }
}

Fetch it by URL: GET /api/v1/registry/shipshitdev-skills-accessibility/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.

accessibility - Skill - OpenSmartRoute