无障碍
最后更新:2026年3月
SeoulFM 首先是一个电台——一种音频体验。我们相信,无论你以何种方式使用设备,都应该能够畅享音乐。无障碍在这里不是事后补救,而是我们所做事情的本质。我们的目标是让整个网站达到 WCAG 2.1 AA 级标准。
以音频为先的设计
SeoulFM 的核心体验是收听。你只需按下播放,就能享受数小时精选 K-pop,完全不必看屏幕。正在播放信息、专辑封面和视觉效果能增强体验,但从来不是必需的。音乐本身就足够了。
键盘导航
SeoulFM 的每项核心功能都可以完全通过键盘操作。播放音乐、调节音量、搜索歌曲或浏览网站,都不需要鼠标或触控板。
键盘快捷键
屏幕阅读器兼容性
我们使用语义化 HTML 构建 SeoulFM,让辅助技术能够理解每个页面的结构。具体措施包括:
- •所有交互控件(播放、音量、静音、搜索)都带有描述性的 ARIA 标签
- •切换曲目时,正在播放信息会被播报给屏幕阅读器
- •页面使用正确的标题层级,你可以按标题导航
- •交互元素使用原生 HTML 按钮和链接,而不是加了样式的 div
- •焦点状态清晰可见,并遵循合理的 Tab 顺序
色彩对比度与视觉设计
SeoulFM 使用深色主题搭配浅色文字。我们的目标是正文文字的对比度至少为 4.5:1,大号文字和界面组件至少为 3:1,符合 WCAG AA 要求。重要信息从不只靠颜色传达——我们会将颜色提示与文字标签或图标搭配使用,无论你如何感知颜色,含义都清晰明了。
响应式设计
SeoulFM 适用于任何设备和任何屏幕尺寸——手机、平板、台式电脑以及介于它们之间的一切。布局会灵活适配,所有触控目标都符合最小尺寸准则。文字最多可放大到 200%,而不会丢失内容或功能。
已知限制
我们在持续改进,以下是我们知道还可以做得更好的地方:
- •部分视觉动画和过渡效果可能尚未遵循 prefers-reduced-motion 设置
- •显示歌词时,可能并不总是带有完整的屏幕阅读器标记
- •专辑封面除艺人和曲目名称外,缺少描述性的替代文字
我们把这些当作 bug,而不是特性,并正在努力解决。
我们力求达到的标准
WCAG 2.1 AA 级:我们的目标是符合《Web 内容无障碍指南》(WCAG)2.1 AA 级。这是一项持续的工作——我们会定期审查网站,发现问题即修复。
报告无障碍问题
如果你在使用 SeoulFM 时遇到任何障碍,我们希望知道。请联系我们,说明你当时想做什么以及遇到了什么阻碍。我们认真对待每一份报告,并会尽快解决问题。
无障碍
最后更新:2026年3月
SeoulFM 首先是一个电台——一种音频体验。我们相信,无论你以何种方式使用设备,都应该能够畅享音乐。无障碍在这里不是事后补救,而是我们所做事情的本质。我们的目标是让整个网站达到 WCAG 2.1 AA 级标准。
以音频为先的设计
SeoulFM 的核心体验是收听。你只需按下播放,就能享受数小时精选 K-pop,完全不必看屏幕。正在播放信息、专辑封面和视觉效果能增强体验,但从来不是必需的。音乐本身就足够了。
键盘导航
SeoulFM 的每项核心功能都可以完全通过键盘操作。播放音乐、调节音量、搜索歌曲或浏览网站,都不需要鼠标或触控板。
键盘快捷键
屏幕阅读器兼容性
我们使用语义化 HTML 构建 SeoulFM,让辅助技术能够理解每个页面的结构。具体措施包括:
- •所有交互控件(播放、音量、静音、搜索)都带有描述性的 ARIA 标签
- •切换曲目时,正在播放信息会被播报给屏幕阅读器
- •页面使用正确的标题层级,你可以按标题导航
- •交互元素使用原生 HTML 按钮和链接,而不是加了样式的 div
- •焦点状态清晰可见,并遵循合理的 Tab 顺序
色彩对比度与视觉设计
SeoulFM 使用深色主题搭配浅色文字。我们的目标是正文文字的对比度至少为 4.5:1,大号文字和界面组件至少为 3:1,符合 WCAG AA 要求。重要信息从不只靠颜色传达——我们会将颜色提示与文字标签或图标搭配使用,无论你如何感知颜色,含义都清晰明了。
响应式设计
SeoulFM 适用于任何设备和任何屏幕尺寸——手机、平板、台式电脑以及介于它们之间的一切。布局会灵活适配,所有触控目标都符合最小尺寸准则。文字最多可放大到 200%,而不会丢失内容或功能。
已知限制
我们在持续改进,以下是我们知道还可以做得更好的地方:
- •部分视觉动画和过渡效果可能尚未遵循 prefers-reduced-motion 设置
- •显示歌词时,可能并不总是带有完整的屏幕阅读器标记
- •专辑封面除艺人和曲目名称外,缺少描述性的替代文字
我们把这些当作 bug,而不是特性,并正在努力解决。
我们力求达到的标准
WCAG 2.1 AA 级:我们的目标是符合《Web 内容无障碍指南》(WCAG)2.1 AA 级。这是一项持续的工作——我们会定期审查网站,发现问题即修复。
报告无障碍问题
如果你在使用 SeoulFM 时遇到任何障碍,我们希望知道。请联系我们,说明你当时想做什么以及遇到了什么阻碍。我们认真对待每一份报告,并会尽快解决问题。