quoroom.org 查找选举监察员

quoroom.org

无障碍

本站讲的是选举,而一场无人能够参与的选举,正是本站要说明的问题。同样的标准也适用于本站自身。下面列出本站做到了什么(以实测为依据,而非自我宣称),以及已知尚未做到的地方。

目标 WCAG 2.2 AA级 状态 基本符合,自我评估 正式审核 尚无 最近评估 2026-10-10

这是自我评估,我们如实说明

没有任何独立审核机构审查过本站,本页也不会把任何自动化工具的评分当作审核结果来报告。以下是我们自己的评估,附上支持它的测量数据,以及我们尚未解决的不足。其中任何一项发生变化,我们都会更新本页。

本站做到了什么

不需要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 : 115.4 : 14.5 : 1
正文11.3 : 111.0 : 14.5 : 1
次要文字5.6 : 16.4 : 14.5 : 1
小标签4.8 : 14.7 : 14.5 : 1
正文中的链接5.1 : 17.5 : 14.5 : 1
主要按钮4.7 : 19.2 : 14.5 : 1
页尾色带15.5 : 115.5 : 14.5 : 1

这些数字是针对每种颜色实际所在的底色测得的,而本站的底色往往不是白色:法条区块、提示框和页脚位于浅色调底色上,您链接到的分项会以更暖的底色突出显示。这些底色才是真正的限制条件,满足它们之后,两种灰色之间几乎没有余地——因此次要文字与小标签之间的区别靠字号和字重来体现,而不是靠一种会低于门槛的更浅颜色。

上表中有四行曾经不达标,四项都是通过测量而非目测发现的:

亮橙色品牌色保留用于分隔线、色条和下划线,这些非文字元素的要求是3 : 1。得出上述结果的检查,是在两种主题下逐一扫描20个页面上的每个文字节点,并沿祖先元素追溯每个元素的真实背景:共3,788个节点,没有不达标的。

尊重您的系统设定

主题跟随您操作系统的浅色或深色设定,两套配色都是专门设计的,而不是简单反转。prefers-reduced-motion会关闭所有过渡效果。文字使用相对单位设定,版面可重排为单栏,因此浏览器缩放和更大的预设字号都能正常使用,不会破坏版面。本站没有任何闪烁、自动播放、自行移动的内容,也没有任何时间限制。

所有内容来自同一处,只有一个例外

字体、样式和脚本都由本站自行提供。唯一的例外是Google Tag Manager:除请求表单和认领表单所在的页面外,每个页面在打开时都会向googletagmanager.com请求它。它在后台加载,本站没有任何功能依赖它,因此当这个请求缓慢、被拦截或失败时,页面的阅读和使用都不受影响——在缓慢或受过滤的连线条件下,这既是隐私方面的特性,也是无障碍方面的特性。

不足之处

之所以列出,是因为一份声称毫无不足的声明并不可信。

  1. 没有独立审核。以上内容都是自我评估。我们还没有请读屏软件用户测试本站,而这恰恰是最重要的测试。
  2. 较长的法条区块没有内部导航。§ 5110有几十个分项。每个分项都有锚点,但区块顶部没有目录,因此用键盘或读屏软件要到达(c)(4)(B)分项,就必须经过它之前的全部内容。
  3. 选举期限计算器是视觉化版面。它的各行是CSS网格,按源代码顺序读出,这样做合理,但不会被识别为带表头的表格。读屏软件读到的是数字,却没有各栏的含义。
  4. 首页的插图有文字描述,但无法逐项阅读。插图附有描述其内容的文字,但其中的各项数字无法单独访问。
  5. 比较表格在手机上需要横向滚动。这比把表格挤压变形要好,但在较窄的画面上阅读一行仍需横向滚动。
  6. 浅白语言。说明文字已尽我们所能写得清楚,但它描述的是法条,有些地方读起来也像法条。WCAG在AA级并不要求设定阅读难度上限;我们之所以提到,是因为无论如何它都是一个真实的障碍。

如果本站某处对您不适用

请写信至privacy@quoroom.org。告诉我们是哪个页面、发生了什么——如能说明所用的辅助技术和浏览器会有帮助,但即使您不清楚,也请告诉我们。

我们会在五个工作日内回复,说明能否修复以及何时修复;如果无法很快修复,我们会在此期间以其他方式把资料提供给您。如果您需要本站任何页面的其他格式,请告诉我们,我们会制作一份。

相关内容