Claude Code brand-accessibility for conference material
Use PyConZA’s pre-release checklist to review text contrast, keyboard focus, and form labels on a conference page or branded material.
中文Install in Claude Code
Use Claude Code with the draft asset or page. Keep the same repository’s brand-colors and brand-typography skills when checking brand-specific colors and sizing.
- Review `.claude/skills/brand-accessibility/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/brand-accessibility/` in your project and save the reviewed file as `.claude/skills/brand-accessibility/SKILL.md`.
- Start Claude Code from that project's root, then select `/brand-accessibility` in the slash menu.
Example task
On conference registration form form-09, Email has placeholder text only. The open state uses only Protea Pink and Fynbos Olive dots. The Submit button lacks visible keyboard focus.What to check
Flag {label: 'missing', statusText: 'missing', focus: 'missing'}. Add a visible Email label, visible Open or Closed text, and a visible keyboard focus indicator for Submit.
Original SKILL.md on GitHub · Updated
Frequently asked question
Can the checklist replace an accessibility acceptance test?
It is a pre-release checklist. Verify keyboard operation and focus in the browser and measure contrast in the final asset before drawing conclusions.