无障碍

本站以 WCAG 2.2 AA 级为目标。其中能够自动检查的部分，每次构建都会检查，一旦倒退，构建就会失败。

构建强制执行的内容

• 色彩对比度。 每一处文字搭配都对照 4.5:1 检查，每一个焦点指示都对照 3:1 检查，浅色和深色主题都是如此。调色板从样式表里读取，而不是在测试中另抄一份，所以改动一个颜色本身就会触发检查。
• 标记语义。 检查器对每个组件运行无障碍规则：缺失的标签、无效的 ARIA，以及挂着事件处理器的非交互元素，都会让构建失败。
• 没有横向溢出，包括阿拉伯语的从右到左排版在内，并在真实浏览器中检查。

设计上的取舍

• 颜色从不是唯一的信号。 会议规划器里的工作时间除了填充还带一道边线；夏令时提醒是文字，而不只是一抹琥珀色。
• 结果会自己出声。 每一处结果区域都是 aria-live="polite"，换算一变就会被读出来，不必自己去找。
• 每个输入框都有真正的标签。 任何地方都没有拿占位文字当标签。
• 动效尊重你的设置。 设置了 prefers-reduced-motion 时，动画和平滑滚动都会关闭。
• 不用 JavaScript 也能用。 每个偏移量、每个切换日期、每张对照表和每段解释，都在预先生成的页面里。只有实时时钟和交互工具需要脚本，而那些没有脚本就不管用的控件会被隐藏，而不是摆在那里失灵。
• 时间采用等宽字体和表格数字，好让各列对齐，跳动的数字永远不会挤动旁边的文字。

已知的局限

• 会议规划器里的 24 小时色带是一张很宽的表。它在自己的容器里横向滚动，而不是重排，因为重排之后的色带就不再能作为形状来读了。同样的信息在它上方的摘要里以文字形式给出。
• 自动测试只能抓住一小部分无障碍问题。如果这里有什么对你不管用，那就是缺陷，我们希望知道。

告诉我们

请写信到联系页面上的地址，说明是哪一页、出了什么问题。关于辅助技术的反馈尤其宝贵，因为手边没有那项技术时，它是最难测试的部分。