无障碍
一个为所有人能读而做的网站
本站的无障碍不是靠一份意向:它是造出来的,每次发布都受检查,而且您可以自己核实。本页说明已经做到什么、怎么测试,以及我们知道的局限。
已经做到的
已经做到的
- 对比度
- 视觉规范里的每一对颜色,都按 WCAG AA 标准逐对计算,每次发布都算一遍。这项检查是阻断式的:只要有一对不过,网站就不发布。
- 键盘
- 整个网站都能用键盘走完:页首有跳转链接,焦点始终可见,菜单用 Tab 键可用,面板和弹窗都能用 Esc 键关掉。
- 阅读
- 文字最小 16 像素,行宽受限,标题层级严格,另有放大文字(A+、A++)和加大间距的设置。
- 语音
- 每一页都能由您浏览器的语音合成朗读出来,入口在设置面板里。不用任何外部服务:声音来自您自己的设备。
- 图片
- 每一张图片都有替代文本,并且在本站的每一种语言里都单独写过。
- 动效
- 没有装饰性动画。系统的“减少动画”偏好会被遵守,面板里也有一个开关可以强制开启。
- 无 JavaScript
- 没有 JavaScript 时全部内容照样读得了:导航展开,问题能打开,什么都不会丢。
每一页上都有、由您自己掌握的设置
每一页边上的“设置”按钮会打开一个面板:浅色或深色主题、文字大小、加大间距、高对比度、减少动画、简洁阅读模式、链接加下划线、语音朗读。您的选择保存在您的浏览器里、在您自己的设备上,不在别的任何地方:一个按钮就能把它们全部清除。
自己测一测,两分钟
- 从页面顶端按 Tab 键:第一个链接是“跳到正文”,而且每一步焦点都看得见。
- 打开设置面板:把文字调到 A++,开启高对比度,再开阅读模式。
- 从面板启动语音朗读:页面会被念出来。
- 在浏览器里放大到 200%:版面跟着走,没有任何元素重叠。
我们知道的局限
- 语音朗读用的是您设备上已安装的语音:不同浏览器之间,它们的质量和可用语言各不相同。
- 压在照片上的说明文字,依靠一层按最不利情况计算的深色蒙版;不同屏幕上的呈现可能有差异,而同样的信息在页面正文里也都能读到。
- 本声明依据的是上文所述的内部检查。每一次来自外部的反馈都等于多一道检查:它会被审视,更正也会发布出来。