Gaydar 的无障碍

本译文仅为方便你阅读而提供。以英文版本为准，英文版本具有约束力。 阅读英文版本

最后更新： 2026年10月4日

2026年10月4日的变更内容：

• 减少动态效果：我们现在说明了网站的具体做法。当你的设备要求减少动态效果时，网站会减少或关闭其动画。
• 颜色对比度：我们现在说明了检查方式，即使用自动化工具（axe 和 Lighthouse）对照 WCAG 2.1 AA 进行检查。
• 我们现在涵盖了首页短片和 IRL 地图插图。两者都为屏幕阅读器提供了文字描述，且短片在开始播放时没有声音。
• 我们增加了最后更新日期。

我们正在打造一个适合每一个人使用的 Gaydar，包括残障用户。以下是我们已经实现的内容，以及我们正在推进的工作。

• Gaydar 致力于使我们的网站符合 WCAG 2.1 AA 级，并使我们的移动 App 符合 iOS 和 Android 平台的无障碍标准。
• 无障碍被视为产品要求，而非事后补充。新功能在发布前都会对照无障碍标准进行审查。

• 语义化 HTML 地标（header、main、footer、nav）
• 供键盘用户使用的“跳到主要内容”链接
• 所有交互元素上均有可见的键盘焦点指示
• **减少动态效果：**当你的设备要求减少动态效果时，网站会减少或关闭其动画。
• 所有有意义的图片均有替代文字；装饰性图片标记为 aria-hidden
• 无障碍的表单标签和错误信息
• 我们使用自动化工具（axe 和 Lighthouse）对照 WCAG 2.1 AA 测试网站的颜色对比度。
• 为原本仅以视觉呈现的上下文信息提供仅供屏幕阅读器使用的工具类
• 首页短片在开始播放时没有声音。你可以通过按钮打开声音和暂停短片。短片为屏幕阅读器提供了文字描述。如果你的设备要求减少动态效果，短片会停留在静止画面，直到你按下播放。
• 首页上的 IRL 地图插图为屏幕阅读器提供了文字描述。

• 所有界面均完整支持 VoiceOver（iOS）和 TalkBack（Android）
• 支持动态字体：App 遵从用户的系统字体大小偏好
• 足够大的触控目标尺寸（Apple 要求最小 44x44 点 / Google 要求最小 48dp）
• 颜色从不作为传达含义的唯一方式
• 遵从减少动态效果的偏好设置

• 营销网站上的部分动画插图采用了装饰性的动态效果，在视觉上可能显得较为繁杂。当你的设备请求减少动态效果时，本网站将相应减少或完全关闭其动画效果。
• /security 页面上的交互式位置网格属于一种可视化呈现，如果仅依靠屏幕阅读器，可能难以理解其内容。我们已在该网格周围的段落中提供了相应的文字描述。
• 真人认证自拍功能需要一个能够正常工作的前置摄像头；对于无法使用摄像头的用户，我们目前正在探索其他可供选择的认证途径。

如果你遇到无障碍障碍，请发送邮件至 accessibility@gaydarapp.com，说明问题以及问题发生的页面或界面。我们力争在 5 个工作日内答复，并在技术可行的情况下于 30 天内解决问题。

• WCAG 2.1 AA 级（《Web 内容无障碍指南》）
• 第 508 条（美国联邦）
• EN 301 549（欧盟）
• Apple 无障碍指南（iOS）
• Android 无障碍指南