无障碍声明
最后更新:
我们希望本站对所有人都可用,包括仅使用键盘、使用屏幕阅读器、使用放大功能, 或将浏览器设置为减弱动效的用户。本页记录我们实际实现了哪些功能、我们已知哪些仍不完善, 以及当我们做得不好时您可以如何告知我们。
1. 我们的目标
我们以 WCAG 2.1 AA 级为目标。我们依据这些标准进行自评; 本站未经外部机构审计,因此我们将其描述为努力达成的目标,而非已获认证的合规声明。
2. 已实现的功能
键盘操作
- "跳转到主要内容"链接是页面上第一个可获得焦点的元素。
- 所有交互控件 — 导航、筛选、折叠面板、课程弹窗、两个表单 — 均可通过键盘访问与操作。
- 焦点以符合对比度要求的 3px 可见轮廓显示,我们从不移除焦点指示。
- Esc 键可关闭课程弹窗、语言菜单与移动端菜单。
- 表单提交出现错误时,焦点会移至第一个需要处理的字段。
屏幕阅读器
- 每个区块都是带有可访问名称的地标区域,标题层级遵循合理顺序。
- 所有图片均带有替代文本。装饰性图形与图标标记为
aria-hidden,不会被朗读。 - 每个表单字段都有真实关联的
<label>。错误信息通过aria-describedby与字段关联,并以aria-invalid标记。 - 成功提示通过实时区域(live region)播报。
- 折叠面板与语言菜单通过
aria-expanded公开其状态。 - 课程弹窗使用
role="dialog",并带有aria-modal与标签。
动效、色彩与文字
- 若您的系统要求减弱动效,所有入场动画、过渡效果与平滑滚动都会被禁用。 这不会导致任何内容丢失 — 渐显效果仅在动画运行时才会隐藏内容。
- 正文字号为 16px 及以上,在窄至 320px 时仍可重排而无需横向滚动。
- 文字可缩放至 200% 而不损失内容或功能;我们不禁用双指缩放。
- 通过
prefers-contrast支持高对比度模式。 - 我们从不仅以颜色传达信息 — 错误提示同时附有文字说明。
- 触屏设备上的交互目标不小于 44×44px。
在无 JavaScript 环境下
- 当 JavaScript 不可用或加载失败时,本站会呈现每个区块的完整文本版本 — 课程、招生、实习、常见问题与联系方式。您失去的是交互筛选功能,而非信息本身。
3. 已知的不足
如实说明哪些还不完善,比声称一切完美更有价值:
- 联系邮箱以图片形式呈现。它带有描述性替代文本,说明这是一个以图片显示的邮箱地址, 但屏幕阅读器无法朗读地址本身。这是为防止自动化垃圾邮件抓取而做出的有意取舍。 若您需要文字版地址,请通过 WhatsApp 告知,我们会直接发送给您。
- 课程弹窗未锁定焦点。目前焦点可能移动到弹窗背后的元素。 Esc 键可关闭弹窗,我们计划加入焦点锁定。
- 日期字段使用浏览器原生日期选择器,其无障碍表现在不同浏览器间存在差异。 您也可以直接手动输入日期。
- 部分装饰性渐变文字(区块标题中的彩色部分)采用 background-clip 技术渲染。 在高对比度模式下会回退为实心的无障碍颜色,但在较旧的浏览器中显示效果可能有所不同。
- 本站尚未针对市面上所有辅助技术组合完成测试。
4. 反馈访问障碍
如果本站上的某些内容妨碍您完成想做的事,我们希望知道 — 这是我们最快修复它的途径。 请通过 WhatsApp 联系我们,说明您想做什么、实际发生了什么,以及(若您知道)您使用的浏览器、 设备与辅助技术。
我们力争在 5 个工作日内确认收到无障碍反馈,并告知我们打算如何处理。
若某个页面对您完全不可用,我们始终会以其他方式向您提供相同的信息。请告知我们, 我们会发送给您,或直接为您讲解。
5. 评估方式
在开发过程中进行的自评,涵盖纯键盘操作、标签与地标区域的程序化检查、图片替代文本、 减弱动效行为、窄屏下的内容重排,以及禁用 JavaScript 后的渲染表现。