跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/davila7/claude-code-templates/accessibility

Claude Code accessibility 技能:检查表单键盘焦点和错误提示

English

Claude Code 安装步骤

  1. 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/development/accessibility` 目录。
  2. 将目录放入目标项目的 `.claude/skills/`,确认 `.claude/skills/accessibility/SKILL.md` 存在,再从项目根目录启动 Claude Code 并输入 `/accessibility`。

中文摘要

按该技能提供的 WCAG 2.1 检查项,查找键盘无法操作、焦点不可见、标签缺失和错误提示不清楚的问题。适合对一张具体表单做人工复核。

SKILL.md 中文导读

可复现示例

审查虚构的图书馆活动报名表。邮箱只用占位符标识,错误用红色边框表示。请写出键盘复现步骤,并提出可见标签和文本错误提示方案。

工作步骤

  1. 用键盘从页面开始走完整条表单流程,观察顺序、可见焦点和错误后的落点。
  2. 检查标签和字段关联,再确认错误提示能读出并指出如何修正。

验收方法

复核结果应说明怎样只用 Tab 找到邮箱和提交按钮,输入无效值后应看到文本错误,并能将提示与邮箱字段关联。

GitHub 原文 · 更新日期 2026-11-13

适用环境

需要 Claude Code、可用浏览器和要检查的页面或 HTML 片段。验证朗读行为时准备屏幕阅读器。

常见问题

只有红色边框可以提示输入错误吗?

补一条能阅读和朗读的具体错误提示,并关联到相应字段。再用键盘复核焦点,确认用户能找到并修正问题。

技能信息

GitHub 仓库
davila7/claude-code-templates

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能

相关推荐

  • senior-data-scientist 技能

    davila7/claude-code-templates

  • senior-backend 技能

    davila7/claude-code-templates

  • excel-analysis 技能

    davila7/claude-code-templates

  • markitdown 技能

    davila7/claude-code-templates

  • senior-frontend 技能

    davila7/claude-code-templates

  • scientific-writing 技能

    davila7/claude-code-templates

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯