ContractsHarbor

Skill

harbor-a11y

Accessibility and contrast checklist for Harbor.

skills/harbor-a11y/SKILL.md

BackProve on surfaces
Harborharbor-a11y
npx skills add byronwade/ui.byronwade.com --skill harbor-a11y

Harbor a11y

Accessibility checklist for Harbor.

Rules

  1. WCAG AA body contrast — npm run check:contrast includes harbor skin.
  2. Labels on every field; aria-* preserved on primitives.
  3. Keyboard path for every critical action.
  4. Focus visible: ring-ring / focus-visible styles.
  5. Do not rely on color alone for status — pair with text/chip labels.
  6. Streaming UI (Vellum) must not trap focus or jump scroll unexpectedly.

Done

  • Contrast gate green for harbor
  • Keyboard + labels verified on new surfaces
Back to skillsFor agents