无障碍功能

无障碍功能

SubLearn 在设计之初就把无障碍性放在了核心位置。我们致力于为所有用户提供包容的学习体验，不论你的身体条件或使用的辅助技术是什么。我们的平台遵循 Web 内容无障碍指南（WCAG）2.1 AA 级标准，确保每个人都能无障碍地学习语言。

屏幕阅读器支持

SubLearn 完全兼容主流屏幕阅读器，包括 NVDA、JAWS、VoiceOver 和 TalkBack。我们在整个平台中使用语义化 HTML 和完善的 ARIA（无障碍富互联网应用）标签，确保所有内容和交互元素都能被屏幕阅读器正确朗读。

• 语义化 HTML： 所有页面内容都采用了规范的标题层级（h1、h2、h3 等）、语义化元素（main、nav、article、section）和描述性链接文本。
• ARIA 标签： 表单输入、按钮和动态内容区域都标注了相应的 ARIA 属性，包括 aria-label、aria-describedby 和用于实时更新的 aria-live。
• 替代文本： 所有图片（包括缩略图和图标）都包含了描述性替代文本，方便无法看到图片的用户理解其含义。
• 表单无障碍： 所有表单控件都与标签正确关联，错误信息会被朗读，验证反馈也会以清晰的方式呈现。

完整的键盘导航

SubLearn 的每一个功能都可以通过键盘导航来使用，你不需要鼠标就能操作平台的任何部分：

• Tab 导航： 使用 Tab 和 Shift+Tab 按逻辑阅读顺序在交互元素之间切换。
• 键盘快捷键： 在任何页面按 ? 可以查看完整的键盘快捷键指南，用于导航、控制视频播放、评价闪卡等操作。
• 焦点管理： 所有交互元素在获得焦点时都有清晰可见的视觉指示，让你随时知道当前在页面的什么位置。
• 跳过内容： 每个页面顶部都有"跳转到主要内容"的链接，可以绕过导航直接跳到主要学习区域。
• 无键盘陷阱： 键盘用户不会被困在任何元素上，焦点始终可以在界面中前进或后退。

减少动效模式

动画和过渡效果可能会让一些用户分心或感到不适。SubLearn 会自动检测你设备上的 prefers-reduced-motion 设置：

• 自动检测： 如果你在操作系统设置中启用了"减少动效"或"减少动画"，SubLearn 会自动禁用非必要的动画。
• 页面过渡： 减少动效模式下会禁用淡入淡出和滑动动画。
• 交互元素： 悬停效果和微交互仍然有效，但不会产生多余的动态效果。
• 保留关键动画： 关键的视觉反馈（如按钮状态或加载指示器）仍然正常工作。

高对比度与色盲友好设计

SubLearn 的设计充分考虑了色盲用户和对比度敏感用户的需求：

• 不依赖颜色： 信息传达不会仅仅依靠颜色。比如，表单验证错误会同时使用文字、图标和颜色来提示。
• 高对比度： 正文文本和交互元素的最低对比度为 4.5:1，大号文本为 3:1，符合 WCAG AA 标准。
• 深色模式： 提供高对比度的深色模式，减轻眼睛疲劳，改善弱光环境下的可读性。浅色和深色模式都满足无障碍对比度要求。
• 色盲友好配色： 我们的强调色和 UI 元素经过精心选择，确保红绿色盲、红色盲和蓝黄色盲用户都能正常区分。

文字大小与可读性

SubLearn 支持灵活的文字大小调整，并在所有缩放级别下保持良好的可读性：

• 浏览器缩放： 你可以使用 Ctrl/Cmd + 加号/减号来放大或缩小，内容不会变形或无法使用。
• 响应式排版： 文字大小在手机、平板和桌面设备上都能适当缩放。
• 行高与间距： 充足的行高和字间距提升了可读性，减少长时间学习时的眼睛疲劳。
• 清晰的字体： 我们使用清晰的无衬线字体，在各种大小下都有良好的可读性。

视频字幕与文字稿

SubLearn 上的所有视频都配有完整的字幕和文字稿，方便听力障碍用户或偏好文字学习的用户使用：

• 自动生成并审核： 视频字幕会自动生成，并经过准确性审核。
• 多语言字幕： 提供视频原语言和英语字幕。
• 开关控制： 用户可以轻松开启/关闭字幕，还能调整字幕显示方式（按 S 键或使用播放器控件）。
• 完整文字稿： 每个视频都提供完整的文字稿，方便喜欢阅读全文的用户使用。

焦点指示器与视觉反馈

清晰可见的焦点指示器帮助键盘用户和有运动障碍的用户浏览界面：

• 可见的焦点环： 当按钮、链接和表单输入获得键盘焦点时，会出现明亮的紫色焦点环。
• 悬停状态： 按钮和链接在悬停或聚焦时会明显改变外观。
• 禁用状态清晰： 禁用的元素在视觉上有明显区分，且无法被操作。

报告无障碍问题

你的反馈可以帮助我们为每个人改善无障碍体验。如果你遇到任何无障碍方面的问题或有改进建议：

• 使用联系支持表单，选择"无障碍问题"作为分类。
• 发送邮件到 [email protected]，描述你遇到的障碍以及使用的辅助技术。
• 请提供页面 URL、受影响的具体功能以及遇到的错误信息。
• 我们会在 24 小时内回复无障碍报告，并尽快提供解决方案或临时方案。

无障碍资源

了解更多关于网页无障碍和辅助技术的信息：

• WCAG 2.1 指南： 访问 www.w3.org/WAI/WCAG21/quickref/ 查看详细的无障碍标准。
• WebAIM： webaim.org 提供关于无障碍使用网络的实用建议。
• 辅助技术资源： 美国盲人基金会等组织为辅助技术用户提供丰富的资源。

SubLearn 致力于不断提升无障碍水平。我们定期对平台进行无障碍审核，也欢迎用户的反馈，帮助我们更好地服务所有学习者。语言学习应该是包容的、人人都能参与的，我们对此非常重视。