研发
返回Skills 列表
网页无障碍自检 Skill
静态检查 HTML 页面的无障碍基础项:图片缺 alt、表单缺 label、标题层级跳跃、链接空文本、按钮无可访问名称、表格缺表头,逐条给出可改的代码位置。
📁 网页无障碍自检 Skill /
SKILL.md1.1 KB
scripts
a11y_lint.py6 KB
所有文件均为纯文本展示,仅提供查看与打包下载,不在服务器上执行。
SKILL.md
---
name: a11y-check
description: 静态检查 HTML 页面的无障碍基础项:图片缺 alt、表单缺 label、标题层级跳跃、链接空文本、按钮无可访问名称、表格缺表头,逐条给出可改的代码位置。
---
# 网页无障碍自检 Skill
## 触发条件
当页面要上线、要过无障碍验收、或想让读屏与键盘用户也能正常使用时触发。
## 执行步骤
1. 运行 python scripts/a11y_lint.py page.html -o a11y.md(也支持传目录批量扫)。
2. 先修高优先项:图片 alt、表单 label、按钮可访问名称——这三项直接决定读屏能不能用。
3. 再修标题层级跳跃与空链接文本,保证目录结构与跳转可用。
4. 对比度与键盘焦点顺序脚本给不出结论,需人工结合设计规范确认。
5. 改完重跑确认高优先项清零;本脚本只做静态检查,不能替代读屏实测。
## 依赖
Python 3 标准库(re/argparse/pathlib),不联网、不渲染页面、不执行脚本。
## 输出
一份 a11y.md:问题清单(行号/类型/说明/优先级)、按优先级排序的修复顺序。
纯文本预览
全站累计复制 0 次
使用说明
页面上线前跑一遍静态自检,先清高优先项,再用读屏人工验证一遍。
每个 IP 仅可点赞一次 · 点赞后不可取消

暂无评论,来发表第一条评论吧!