quoroom.org
无障碍
本站讲的是选举,而一场无人能够参与的选举,正是本站要说明的问题。同样的标准也适用于本站自身。下面列出本站做到了什么(以实测为依据,而非自我宣称),以及已知尚未做到的地方。
这是自我评估,我们如实说明
没有任何独立审核机构审查过本站,本页也不会把任何自动化工具的评分当作审核结果来报告。以下是我们自己的评估,附上支持它的测量数据,以及我们尚未解决的不足。其中任何一项发生变化,我们都会更新本页。
本站做到了什么
不需要JavaScript也能阅读
每个页面都是静态文档。每个页面都运行一个简短的脚本,在页面显示之前套用您选择的浅色或深色主题;除请求表单和认领表单所在的页面外,每个页面还运行另一个脚本,加载Google Tag Manager,详见隐私政策。没有第一个脚本时,主题跟随您的系统设定,主题切换按钮保持隐藏;没有任何功能依赖第二个脚本。首页上有一个脚本用于展开或收起某条引注的说明;停用脚本时,引注本身会显示,但其说明不会显示。在登记册中,搜索框、地图高亮和二维码(QR code)的PNG下载由脚本添加;没有脚本时,各县页面和A至Z页面、普通链接以及SVG版本可以完成同样的事。选举期限计算器需要JavaScript才能计算,但它计算的法定期限都以文字写在它所链接的页面中。请求表单需要JavaScript才能发送。
可以用键盘操作
每个页面开头都有一个跳到正文链接,按Tab键首先到达的就是它。焦点始终可见:每个链接、按钮、输入框和控件上都有一圈2.5 px、与元素保持间距的轮廓线。引注展开说明遵循标准模式:按钮带有aria-expanded,所控制的区域以aria-controls指明,按Escape键关闭,关闭后焦点回到按钮上。
有结构,而不只是有样式
每页一个<h1>,标题按层级依次递降;每个页面都只有一个<main>区域标记;表格是带表头单元格的真正表格,而不是用div拼成的网格;列表按列表标记;每个页面都声明了语言——包括西班牙语和中文页面,这些页面还把其中的英文法律条文标记为英文,读屏软件因此会切换语音,而不是用西班牙语或中文的发音去读英文。
对比度经过测量,而非目测
每种文字颜色都在浅色和深色两种主题下,针对其背后的底色计算过。结果如下:
| 文字 | 浅色主题 | 深色主题 | AA要求 |
|---|---|---|---|
| 标题 | 15.5 : 1 | 15.4 : 1 | 4.5 : 1 |
| 正文 | 11.3 : 1 | 11.0 : 1 | 4.5 : 1 |
| 次要文字 | 5.6 : 1 | 6.4 : 1 | 4.5 : 1 |
| 小标签 | 4.8 : 1 | 4.7 : 1 | 4.5 : 1 |
| 正文中的链接 | 5.1 : 1 | 7.5 : 1 | 4.5 : 1 |
| 主要按钮 | 4.7 : 1 | 9.2 : 1 | 4.5 : 1 |
| 页尾色带 | 15.5 : 1 | 15.5 : 1 | 4.5 : 1 |
这些数字是针对每种颜色实际所在的底色测得的,而本站的底色往往不是白色:法条区块、提示框和页脚位于浅色调底色上,您链接到的分项会以更暖的底色突出显示。这些底色才是真正的限制条件,满足它们之后,两种灰色之间几乎没有余地——因此次要文字与小标签之间的区别靠字号和字重来体现,而不是靠一种会低于门槛的更浅颜色。
上表中有四行曾经不达标,四项都是通过测量而非目测发现的:
- 页尾色带的背景色取自与标题文字相同的颜色变量,而该变量在深色主题下会反转——于是色带变浅,上面的标题却仍是白色。1.1 : 1,几乎看不见。现在它在两种主题下都使用自己的颜色。
- 主要按钮原为亮橙色品牌底色上的白字:浅色主题下3.1 : 1,深色主题下1.9 : 1。现在按钮在浅色主题下使用更深的橙色,在深色主题下则在浅橙色上使用深色文字。
- 小标签原为2.6 : 1,连非文字元素的最低要求都达不到。
- 链接和次要文字在白色上超过4.5,但在浅色调底色上只有4.3和4.4,而它们大多数正位于这种底色上。
亮橙色品牌色保留用于分隔线、色条和下划线,这些非文字元素的要求是3 : 1。得出上述结果的检查,是在两种主题下逐一扫描20个页面上的每个文字节点,并沿祖先元素追溯每个元素的真实背景:共3,788个节点,没有不达标的。
尊重您的系统设定
主题跟随您操作系统的浅色或深色设定,两套配色都是专门设计的,而不是简单反转。prefers-reduced-motion会关闭所有过渡效果。文字使用相对单位设定,版面可重排为单栏,因此浏览器缩放和更大的预设字号都能正常使用,不会破坏版面。本站没有任何闪烁、自动播放、自行移动的内容,也没有任何时间限制。
所有内容来自同一处,只有一个例外
字体、样式和脚本都由本站自行提供。唯一的例外是Google Tag Manager:除请求表单和认领表单所在的页面外,每个页面在打开时都会向googletagmanager.com请求它。它在后台加载,本站没有任何功能依赖它,因此当这个请求缓慢、被拦截或失败时,页面的阅读和使用都不受影响——在缓慢或受过滤的连线条件下,这既是隐私方面的特性,也是无障碍方面的特性。
不足之处
之所以列出,是因为一份声称毫无不足的声明并不可信。
- 没有独立审核。以上内容都是自我评估。我们还没有请读屏软件用户测试本站,而这恰恰是最重要的测试。
- 较长的法条区块没有内部导航。§ 5110有几十个分项。每个分项都有锚点,但区块顶部没有目录,因此用键盘或读屏软件要到达(c)(4)(B)分项,就必须经过它之前的全部内容。
- 选举期限计算器是视觉化版面。它的各行是CSS网格,按源代码顺序读出,这样做合理,但不会被识别为带表头的表格。读屏软件读到的是数字,却没有各栏的含义。
- 首页的插图有文字描述,但无法逐项阅读。插图附有描述其内容的文字,但其中的各项数字无法单独访问。
- 比较表格在手机上需要横向滚动。这比把表格挤压变形要好,但在较窄的画面上阅读一行仍需横向滚动。
- 浅白语言。说明文字已尽我们所能写得清楚,但它描述的是法条,有些地方读起来也像法条。WCAG在AA级并不要求设定阅读难度上限;我们之所以提到,是因为无论如何它都是一个真实的障碍。
如果本站某处对您不适用
请写信至privacy@quoroom.org。告诉我们是哪个页面、发生了什么——如能说明所用的辅助技术和浏览器会有帮助,但即使您不清楚,也请告诉我们。
我们会在五个工作日内回复,说明能否修复以及何时修复;如果无法很快修复,我们会在此期间以其他方式把资料提供给您。如果您需要本站任何页面的其他格式,请告诉我们,我们会制作一份。