简体中文
a11yglass · 网站无障碍检查

首页 › 知识库 › 按系统

用 WordPress 实现无障碍

WordPress 本身可以是无障碍的 —— 问题大多来自主题、插件和页面区块。

常见发现处

对比度过低或没有可见焦点的主题、没有暂停/键盘操作的滑块插件、字段没有标签的内嵌表单(Contact Form 7 等)、没有 alt 文本的图片区块,以及把标题变成单纯大段落的页面构建器。WordPress 核心编辑器通常不是问题——问题在它之上的那一层。

检查并选择主题

主题决定对比度、焦点显示、标题结构以及导航的键盘操作。选择前的标准:用 Tab 键走一遍页面——焦点是否始终可见?菜单能否不用鼠标操作?文字和按钮的颜色对比度是否至少 4,5:1?基于区块的默认主题(Twenty Twenty-Four/-Five)是稳妥的起点;对于付费主题,关掉 CSS 看一眼演示并做键盘测试会有帮助。

在区块编辑器里干净地工作

按正确顺序使用标题区块(每页一个 H1,不跳级)——不要只是把文字放大加粗。给每个图片区块加 alt 文本,纯装饰性图片明确标为装饰性。操作用按钮区块,跳转用真正的链接。列表用列表区块,而不是带横杠的段落。表格只用于真正的表格数据,并带表头行。

插件与表单

表单插件(Contact Form 7、WPForms、Gravity Forms)只有在每个字段都有可见且关联的标签、错误信息与字段绑定时,才能生成可访问的表单——仅有占位符文本不够。滑块和轮播需要一个暂停按钮,且不得困住键盘焦点;拿不准就去掉。页面构建器(Elementor、Divi、WPBakery)本身并非不可访问,但会诱使你写出没有语义的嵌套 div 结构——这里要特别注意标题和焦点。

测试

三个不需额外软件的快速测试:(1) 只用键盘操作页面——Tab、Enter、方向键;能到处去、也能退出来吗?(2) 在浏览器里放大到 200%——一切是否仍然可读、可操作?(3) 运行一个浏览器扩展,如 WAVE 或 axe DevTools。a11yglass 的免费扫描还会检查你首页所交付的 HTML 的对比度、alt 文本、标签、语言和结构,并为每处发现指出 WCAG 准则。

常见问题

无障碍插件能让我的网站合规吗?不能——通过小组件切换对比度和字号的叠加式插件不解决结构性问题,并受到残障权益组织的批评。哪个主题是无障碍的?没有认证标;决定性的是具体情况下的实现——上面的标准有助于选择。我的 WordPress 网站需要无障碍声明吗?这取决于网站是否属于 BFSG(电子商务)范围,或是否由公共机构运营——参见关于无障碍声明的页面。

a11yglass 如何帮助

免费扫描检查交付的 HTML 和 CSS 中可自动识别的 WCAG 违规, 并对每项发现指出成功标准和一个具体措施。它可发现约 20–35 % 的 问题,不能替代完整评估。

继续阅读

尽最大所知提供的一般信息,非法律咨询。个案请咨询专精于 IT 法的律师事务所。