我们的承诺
ProjectThunder 致力于让 projectthunder.com 能被尽可能多的人使用,包括残障人士。我们以 Web 内容无障碍指南 (WCAG) 2.2 AA 级 来衡量我们的工作。我们把无障碍视为质量的一部分,而不是在最后才勾选的一个独立项。
我们已经做到的
- 语义化结构。页面使用恰当的地标元素(header、main、footer、nav)、有序的标题层级,以及在合适位置使用的列表,让屏幕阅读器能够按预期方式导航。
- 键盘导航。我们测试可交互元素(链接、按钮、表单字段、标签页、移动菜单切换按钮)的键盘可达性,并在每个页面顶部提供“跳转到主要内容”链接。在宣布完整覆盖之前,我们正在逐步完成完整的 axe-core 加人工键盘检测。
- 色彩对比度。正文文本与背景的对比度至少达到 4.5:1;大号展示文本至少达到 3:1。
- 替代文本与 ARIA。有意义的图片配有描述性替代文本;装饰性 SVG 标记为
aria-hidden;标签页控件和菜单切换按钮暴露 ARIA 状态(aria-expanded、aria-controls、aria-current)。 - 表单。每个表单输入都有可见标签和关联的
<label>元素。错误以通俗易懂的语言提示;在浏览器能够提供帮助的地方,我们采用 HTML5 验证模式。 - 减少动态效果。页面英雄区视差和特斯拉线圈扫描加载动画会遵循
prefers-reduced-motion,照顾那些已在操作系统中要求减弱动画的用户。 - 响应式布局。页面从 320 px 宽一直到超宽屏都能干净地重排,并在 200% 浏览器缩放下保持可读,无需横向滚动。
我们清楚仍需努力的地方
坦诚也是无障碍的一部分。我们仍在改进的事项:
- 视频。扫描页面上的英雄区视频目前尚无隐藏式字幕或文字稿。它是装饰性的,不含任何旁白,但我们会补充一个文字稿链接。
- 标签焦点样式。部分自定义 UI 元素仍使用浏览器默认的焦点框;我们正在把所有元素统一为一致的高对比度焦点轮廓。
- 第三方内容。嵌入式播放器(Vimeo)以及我们链接到的外部网站受其各自的无障碍实践约束;我们无法对它们做出保证。
我们使用的工具
我们结合以下方式进行测试:
- 开发过程中使用 axe-core 和 Lighthouse。
- 在发布评审时对交互流程进行纯键盘走查。
- 使用 VoiceOver(macOS)和 NVDA(Windows)进行屏幕阅读器抽查。
- 在设计和评审阶段进行色彩对比度核验。
发现问题时请告诉我们
如果你因为某个无障碍问题而无法使用网站的某一部分,请写信告诉我们。我们将在五个工作日内回复。
- 电子邮件:accessibility@projectthunder.com(如你愿意,也可发送至 hello@projectthunder.com)
- 电话:877.609.9029
- 表单:/contact.html
有助于我们处理的信息包括:页面网址、你想执行的操作、你当时使用的辅助技术和浏览器(如有),以及发生了什么。
符合性状态
本网站部分符合 WCAG 2.2 AA 级。“部分符合”意味着部分内容尚未完全符合该标准。我们会跟踪上述差距,并将其作为日常维护的一部分加以修复。
正式投诉
如果你已就某个无障碍问题向我们提出,但对我们的回应不满意,你有权向你所在地的无障碍监管机构升级处理。在美国,这包括美国司法部(依据 ADA 第三章)。