ContractsVellum

Skill

vellum-a11y

Accessibility and contrast checklist for Vellum.

skills/vellum-a11y/SKILL.md

BackProve on surfaces
Vellumvellum-a11y
npx skills add byronwade/ui.byronwade.com --skill vellum-a11y

Vellum a11y

Accessibility checklist for Vellum.

Rules

  1. WCAG AA body contrast — npm run check:contrast includes vellum 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 vellum
  • Keyboard + labels verified on new surfaces
Back to skillsFor agents