无障碍

无障碍声明

我们希望每个人都能使用这个网站。这里说明它目前的状况,包括仍有不足的地方。如果有什么妨碍了您,请告诉我们:最后一节说明了怎么做。

标准
WCAG 2.2,AA 级
状态
部分符合
最近审核

本声明的适用范围

本声明适用于 hex.pro:介绍公司及我们所做产品的页面、服务页面、联系表单、博客和隐私政策。它不适用于我们自己的员工登录使用的编辑区域、我们的其他网站,也不适用于我们的应用和游戏,它们在您自己的设备上运行。

我们力求达到的标准

我们力求达到万维网联盟(W3C)发布的《Web 内容无障碍指南》(WCAG)2.2 的 AA 级。

“部分符合”的意思是,我们还不能说本站的每个部分都达到了该标准。我们的自动检查在其覆盖的页面上没有报告任何失败,但这些检查尚未覆盖博客,我们还没有用屏幕阅读器测试过本站,而且表单上的一项检查由另一家公司运行。我们已知的局限列在下面,还要做的测试也一并列出。

本站提供的功能

显示设置

每个页面顶部的“显示”按钮会打开这些设置;在较小的屏幕上,它位于菜单之内。每项设置都会立即生效,只保存在这个浏览器里,并且仅对本站有效。您选择的任何内容都不会发送给我们或其他任何人。

暂停动态效果
停止每个页面上的动画效果,并让页面标题背后的动态场景停留在它们当时所到的那一帧。
纯色背景
去掉页面标题背后的场景,不再绘制它们,只留下纯深色背景。
增强对比度
让较暗淡的文字更亮,让输入框和按钮的边缘更清晰,让焦点轮廓更粗,并让页面顶部栏变为不透明。
降低透明度
把页面顶部栏和其他半透明面板变为不透明,并且不再模糊服务页面上对话框背后的页面。
文字大小
把文字放大,分三档,最大为通常大小的一倍半。
易读字体
除标志以外,把拉丁字母和数字都设为 Atkinson Hyperlegible 字体,这种字体的字母之间不易混淆;汉字保持原有字体。
链接加下划线
给正文和列表中的链接加下划线,让它们不只靠颜色来区分;按钮和卡片保持原有外观。

如果您的设备已经要求减弱动态效果、增强对比度或降低透明度,对应的开关会显示为已开启,并附一条说明原因的提示。

设备上的设置

本站还会遵循您的设备或浏览器中的以下设置,在这里无需做任何更改:

  • 减弱动态效果:动画停止,每个动态场景只显示一帧静止画面。
  • 增强对比度:本站使用对比度更高的配色和不透明的顶部栏,与“增强对比度”的效果相同。
  • 降低透明度:页面顶部栏和其他半透明面板变为不透明,与“降低透明度”相同。
  • 强制颜色,例如 Windows 中的对比度主题:本站会采用您的颜色,页面标题背后的场景会被隐藏,显示设置中的开关会绘制为您系统自带的复选框。

语言

本站有以下几种语言,这里每种语言都用它自己的名称列出:

  • English
  • 中文
  • العربية
  • Español
  • 日本語
  • Français
  • Português (BR)

每个页面顶部的“界面语言”菜单也以同样的方式列出了它们。每种语言都有自己的网址,所以您分享的链接会以您当时阅读的语言打开。

如果您的浏览器要求的是其中另一种语言,可能会出现一条小提示,询问是否切换,仅此一次。它绝不会替您切换。

键盘与缩放

  • 在任何页面上第一次按下 Tab 键,都会显示“跳到内容”链接,它会跳过导航,直接进入页面内容。
  • 链接、按钮和其他控件在获得键盘焦点时会显示轮廓。
  • 菜单、面板和服务页面上的对话框可用 Esc 键关闭,焦点会回到打开它们的那个按钮。
  • 当您通过链接前往另一个页面时,焦点会移到该页面的开头,屏幕阅读器会读出它的标题。
  • 页面可以在 320 像素宽的窗口内完整显示,不需要横向滚动;这正是 1280 像素宽的屏幕放大到 400% 之后剩下的宽度。
  • 在最大的文字大小下,文字不会被截断,也没有任何内容重叠。

已知局限

  • 联系表单和服务页面使用 Cloudflare Turnstile 来检查发送消息或索取我们电话号码的是否是真人。Turnstile 由另一家公司运营,其中的无障碍问题我们无法修复。如果它把您拦住了,请发邮件到 [email protected],我们会用别的方式帮您。
  • 服务页面上提供的通话仅以英语进行。您随时可以改为写信给我们,通过该页面的咨询表单或发邮件均可。
  • 有些博客文章只有英文版。如果某篇文章没有您所用语言的译文,它会以英文显示,上方有一条说明此事的提示,并标记为英文,这样屏幕阅读器会使用英文语音。
  • 隐私政策还以另外六种语言发布,仅供参考。英文版本为正式文本,每份译文都注明了这一点,并附有指向英文版本的链接。
  • 页面标题背后的场景只是装饰,不含任何信息,所以它们没有文本替代,屏幕阅读器会跳过它们。场景之上的文字会以场景本身为背景测量对比度,详见下面的测试说明。
  • 有些博客文章在画布上以动态效果绘制标题。标题仍以文本形式留在页面中供屏幕阅读器读取;只要“暂停动态效果”、“纯色背景”、“增强对比度”或“易读字体”中任何一项开启,或者您的设备要求减弱动态效果、增强对比度或强制颜色,标题就会显示为纯文本。

我们如何测试

除博客以外,我们通过以下方式检查了本站:

  • 用 axe-core 按照 WCAG 2.2 的 A 级和 AA 级规则做自动检查,覆盖每个页面,以及桌面和手机两种尺寸。
  • 只用键盘完成的操作流程:跳转链接,在 320 像素宽度下打开和关闭手机菜单并到达其中的每一项,通过链接前往另一个页面,顶部栏和手机菜单中的显示设置,以及联系表单上的错误摘要。
  • 只用键盘操作“界面语言”菜单,从打开它到选择另一种语言。
  • 每个页面在 320×256 像素下的表现,这是 1280×1024 的屏幕放大到 400% 后剩下的空间,检查是否有内容超出边缘。
  • 每个页面在文字最大并开启易读字体的情况下,在桌面和手机两种宽度上,检查是否有文字被截断、超出边缘或重叠。
  • 在浏览器中模拟减弱动态效果、强制颜色和增强对比度,针对一批抽样页面,并在每种设置下重新运行自动检查。同一批页面还检查了在降低透明度下顶部栏是否不透明,以及已保存的显示设置是否在页面脚本运行之前就已生效。
  • 本站文字颜色、控件边缘和焦点轮廓的对比度,依据样式表在它们出现的每一种背景上逐一测量,分别在开启和未开启“增强对比度”的情况下进行。
  • 页面标题背后的场景之上的文字的对比度,以场景本身为背景测量,分别在通常文字大小、最大文字大小和易读字体下进行。
  • 在本站发布的每种语言下运行自动检查,并且除英语外还在阿拉伯语下做了 320 像素和文字大小的检查,因为阿拉伯语从右向左阅读。

博客的文章和归档页面尚未经过这些检查,所以“键盘与缩放”下的各项在博客中尚未得到确认。

我们还没有用屏幕阅读器手动测试过本站。我们计划这样做,先从 Mac 和 iPhone 上的 VoiceOver 开始。

向我们反馈问题

如果本站有什么地方难以使用,或者您需要以另一种形式获取它的内容,请告诉我们。您可以通过联系表单写信给我们,或发邮件到 [email protected]。

我们力争在 5 个工作日内回复。

如果您对我们的回复不满意,可以向 Australian Human Rights Commission(澳大利亚人权委员会)投诉,该机构负责处理澳大利亚境内的残障歧视投诉。