词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code brand-accessibility：审查会议网页对比度和键盘操作

English

Claude Code 安装步骤

  1. 打开 GitHub 固定提交的 `.claude/skills/brand-accessibility/SKILL.md`，核对内容与使用条件。
  2. 在自己的项目中创建 `.claude/skills/brand-accessibility/`，把核对后的文件保存为 `.claude/skills/brand-accessibility/SKILL.md`。
  3. 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/brand-accessibility`。

中文摘要

按 PyConZA 的发布清单检查会议网页上的文字对比度、键盘焦点和表单标签，也可用于品牌素材审核。

SKILL.md 中文导读

可复现示例

在会议报名页 form-09，Email 只有占位提示。页面的报名开放状态只用 Protea Pink 和 Fynbos Olive 的色点区分，提交按钮的键盘焦点不可见。

工作步骤

  1. 用品牌色板和字号表核对页面样稿，找出仅靠颜色传达的状态。
  2. 按键盘操作顺序检查焦点，再核对可见标签及表单错误提示。

验收方法

报告标出 {label: 'missing', statusText: 'missing', focus: 'missing'}。对应补上 Email 可见标签、Open 或 Closed 状态文字，并让提交按钮的键盘焦点清晰可见。

GitHub 原文 · 更新日期

适用环境

在 Claude Code 中准备待查的样稿或网页，核对品牌专用色值和字号时需保留同仓库的 brand-colors、brand-typography 技能。

常见问题

这些检查可以替代正式的无障碍验收吗？

它提供发布前检查清单。用实际浏览器复核键盘操作和焦点，在目标素材中测量色值再作结论。

相关指南