无障碍检查

Page Lemon 会检查你已发布的页面,找常见的无障碍问题,比如照片没有描述、按钮没有文字、文字难以看清,你的 AI 可以替你修好。这是自动检查:只能发现常见问题,不一定全部,也不是完整的无障碍审核或合规证书。

最后更新: · 查看 Markdown 版

本页内容

对 AI 这样说

复制到 AI 对话里

检查我的网站有没有无障碍问题,并修好

或者,改动之后:

复制到 AI 对话里

再对我的网站做一次无障碍检查,告诉我还剩什么

AI 会问你什么

  • 没有描述的照片,用几个词说明每张拍的是什么。AI 绝不应该自己猜照片里有什么。
  • 照片是否只是装饰(图案、分隔线),读屏软件就可以跳过。
  • 文字和背景对比后看不清时,能不能改个颜色。
  • 发布修复之前,要先得到你的同意。

先准备好这些

  • 每张照片几个词:说明里面是谁或是什么("磨坊路上的面包店,刚开门的时候")。其他不用准备。
  • 什么都不用装。每次发布时,检查都会在 Page Lemon 上运行。

接下来会怎样

  1. 每次发布,Page Lemon 最多检查 40 个页面,把主要问题和数量告诉你的 AI。不会拦下任何发布。
  2. 你的 AI 可以要完整清单:每个问题、在哪个页面、页面的哪个部分,以及怎么修。
  3. 它会先把要改的地方给你看,只有你才知道的事(比如照片拍的是什么)会问你。你点头后才发布。
  4. 它还会提议测一下:对新版本再检查一遍,告诉你哪些修好了、还剩什么。

最近一次检查结果,在应用里也能看:打开网站,进入被找到标签页,再点无障碍。点让你的 AI 来修复会复制一条消息,粘贴给 AI 就行。

检查什么

  • 没有描述的照片(替代文字):读屏软件会念给盲人和低视力的人听。
  • 没有文字的链接和按钮,比如光有一个图标,读屏软件没法说出它是什么。
  • 没有标签的表单栏。框里的灰色提示一输入就消失,所以不算。
  • 与背景对比后难以看清的文字(对比度低),前提是两种颜色都设在你网站自己的样式里。
  • 缺少页面语言或页面标题,自动播放的声音或视频,没有标题的嵌入地图或视频,以及手机上关掉了缩放。
  • 标题顺序混乱,比如没有主标题,或者大标题后直接跟小标题、跳过了一级。
  • 小到点不中的按钮和链接,即网站样式把它们设得小于 24 × 24 像素。

每个问题都会注明对应的 WCAG 2.2 规则(有的话)。WCAG 是无障碍网站的国际指南。

须知

  • 这不是完整的审核。自动检查判断不了描述准不准确,判断不了只用键盘时页面行不行得通,也判断不了照片上的字看不看得清。请用键盘(Tab 键)和手机的读屏软件亲自试试你的网站,也问问真正在用的人。
  • 这不是证书。通过检查,并不能证明你的网站符合某项法律或标准。
  • 读取的内容:你发布时的页面和样式。脚本之后才加到页面上的内容不会被检查。
  • 大型网站:每次最多检查 40 个页面,首页排第一。
  • 搜索引擎也喜欢。照片描述、页面语言、唯一的主标题、清晰的链接文字,对页面的搜索表现也有帮助。详见让大家在网上找到你。

觉得哪里不对?请看解决问题。

给 AI 助手:设置指南见 pagelemon.com/agents/accessibility。

有不清楚或过时的地方?告诉我们,我们来改。