ChatGPT a11y-checklist 技能:检查表单标签与键盘焦点
EnglishChatGPT 安装步骤
- 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 对照固定版本 GitHub 原文,在编辑器新建技能,将 `a11y-checklist` 的纯文本工作流程改写为技能说明。
- 保存后,在新对话输入 @ 并选中刚创建的技能,再用示例试用。
中文摘要
用组件和键盘观察记录核对语义、可访问名称、焦点、状态及错误提示,生成可复核的检查项。
SKILL.md 中文导读
可复现示例
手动选择 a11y-checklist,用下面虚构的筛选弹窗观察记录整理待修问题。
component `Filters` overlay | opening control `Open filters` | keyboard trace `Tab leaves dialog before close`
input `Region` has placeholder only | no visible focus style when tabbing工作步骤
- 检查元素语义和可访问名称。
- 对照键盘记录检查焦点顺序、可见样式和关闭后的回焦。
- 按可复核的问题点列出调整和验证步骤。
验收方法
给 `Region` 补可访问名称和常驻标签,修复 `Tab leaves dialog before close`,让关闭后焦点回到 `Open filters` 并具有可见的焦点提示。
GitHub 原文 · 更新日期
适用环境
支持创建技能的 ChatGPT 工作区。示例仅使用下方已给出的纯文本材料。
常见问题
只有占位文字的输入框要如何记录?
标出缺少可访问标签,建议用常驻标签与输入框关联,再验证键盘和辅助技术表现。