Tryit
♿ 无障碍声明
本站的无障碍状况:我们能说明什么、不能说明什么,以及发现我们做得不对时如何告诉我们。
我们的承诺
Tryit 致力于确保残障人士的数字无障碍访问。我们不断改善每个人的用户体验,并应用相关的无障碍标准。
合规状态
我们的目标是符合 Web 内容无障碍指南 (WCAG) 2.1 AA 级别。这些指南解释了如何使网页内容对残障人士更加无障碍,对所有人更加友好。
我们采取的措施
键盘导航
所有交互元素(测验、游戏、分享按钮、菜单)均完全支持键盘操作,并具有可见的焦点指示器。
屏幕阅读器支持
有意义的图标带有无障碍名称,装饰性图标对辅助技术隐藏;进度和游玩结果等动态状态通过 ARIA 实时区域播报。
色彩对比度
文本和 UI 元素符合 WCAG 2.1 AA 最低对比度要求:普通文本 4.5:1,大文本 3:1。
减少动画
所有动画和过渡效果都遵循 prefers-reduced-motion 媒体查询。当此偏好设置激活时,彩纸、宝箱揭示和页面过渡将被禁用或最小化。
焦点管理
模态对话框和覆盖层使用焦点捕获,防止键盘用户跳出模态框。覆盖层关闭时焦点会恢复。
跳过导航
每个页面都提供「跳到内容」链接,供键盘和屏幕阅读器用户使用。
语义化 HTML
我们在整个应用程序中使用正确的标题层级、地标区域和 ARIA 属性。
表单标签
需要输入的控件(简短描述、测验答案、名字)都有标签,问题会用文字说明,而不只是用颜色表示。
点击目标尺寸
可交互元素(包括每一个 FAQ 展开行)至少为 44 × 44 像素。
自动化检查作为发布门槛
每次发布都会在站内、两种主题下分别以 1440px、390px 和 320px 运行 axe-core 扫描(WCAG 2.0/2.1 A 与 AA,以及 WCAG 2.2 AA 规则),并检查横向溢出;扫描不通过则阻止发布。
已知限制
- AI 生成的图片
虽然我们为生成的图片提供上下文替代文本,但描述可能无法完全捕捉视觉内容。我们正在开发 AI 驱动的图片描述来改善这一点。
- 基于 Canvas 的游戏
部分游戏使用 HTML Canvas 进行渲染,这存在固有的无障碍限制。我们为游戏状态变化提供键盘替代方案和屏幕阅读器播报。
- 第三方内容
我们链接到的其他网站页面(包括我们自己的其他产品)不在本声明范围内。Tryit 不展示任何第三方广告。
反馈
技术规格
Tryit 的无障碍性依赖以下技术与您的浏览器及安装的辅助技术或插件配合工作:
- HTML5
- WAI-ARIA 1.2
- CSS(支持 prefers-reduced-motion)
- JavaScript (ECMAScript 2020+)