无障碍

最后更新:2026年3月

SeoulFM 首先是一个电台——一种音频体验。我们相信,无论你以何种方式使用设备,都应该能够畅享音乐。无障碍在这里不是事后补救,而是我们所做事情的本质。我们的目标是让整个网站达到 WCAG 2.1 AA 级标准。

以音频为先的设计

SeoulFM 的核心体验是收听。你只需按下播放,就能享受数小时精选 K-pop,完全不必看屏幕。正在播放信息、专辑封面和视觉效果能增强体验,但从来不是必需的。音乐本身就足够了。

键盘导航

SeoulFM 的每项核心功能都可以完全通过键盘操作。播放音乐、调节音量、搜索歌曲或浏览网站,都不需要鼠标或触控板。

键盘快捷键

空格键播放或暂停
↑ ↓增大或减小音量
M静音或取消静音
/聚焦搜索栏
⌘ K打开命令面板
?显示键盘快捷键帮助

屏幕阅读器兼容性

我们使用语义化 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 时遇到任何障碍,我们希望知道。请联系我们,说明你当时想做什么以及遇到了什么阻碍。我们认真对待每一份报告,并会尽快解决问题。