## 让网站听得见：残障人士网页无障碍设计

设计能听到每个字的网站：残障人士网页使用者的无障碍设计

想象一下：您正在浏览自己喜欢的网站，寻找有关新产品的资料。您到达了一个嵌入音频的部分 - 视频演示或解释功能的声音片段。但这里有一个问题：您听力障碍。突然间，这些有价值的内容就无法访问了，让您感到沮丧，无法充分参与。

这个场景突出了网页无障碍性的重要性，特别是对于视障人士来说。

虽然美观的外观网站很重要，但真正的包容性要求每个人，无论他们的能力如何，都能轻松地访问和浏览在线信息。

使您的网站听觉友好：关键原则

• 字幕和文字稿: 对于任何音频内容，提供准确的字幕或文字稿。 这允许视力障碍或听力障碍的用户阅读语音内容。

• 音频 Alt 文本: 即使是关于声音的内容，也使用 Alt 文本描述音频内容的目的和上下文。 例如，不要只写“音频播放器”，而是写“新产品功能说明”。

• 键盘导航: 确保您的网站仅使用键盘即可完全导航。 这对于可能由于身体限制无法使用鼠标的用户至关重要。

• 视觉提示: 使用视觉提示指示正在播放音频内容，例如音量图标或进度条。

• 灵活性与控制: 让用户可以调节音频内容的音量和播放速度。 一些用户可能需要以较慢的速度收听或降低音量才能理解。

超越基本功能：更加努力

• 手语解释: 在视频或现场活动中考虑加入手语解释，以便满足依赖视觉交流的聋哑用户。
• 音频描述: 为视觉内容（如动画或幻灯片）提供音频描述，以便为视力障碍或视力下降的用户提供上下文和意义。

无障碍性的益处

创建可访问网站不仅是道德责任，而且对您的企业也有利：

• 更广泛的受众群体: 您将与更大范围的受众联系起来，包括残疾人士。
• 改进的用户体验: 所有用户都能从清晰的导航和易于理解的内容中受益。
• SEO 优势: 可访问网站往往在搜索结果中排名更高，因为搜索引擎优先考虑包容性内容。

结论:

通过实施这些网页设计原则，您可以为每个人创造一个欢迎且包容性的在线环境，无论他们的听力能力如何。 请记住，可访问性不仅是遵守规定，更是为了创造更好的网络体验。

真实案例：博物馆网站

想象一个博物馆网站，展示了一场新展览，展出了一件开创性的雕塑和由艺术家本人配音的音频导览。

没有可访问性:

• 听力障碍者: 视障或听力障碍的用户无法获取艺术家在音频导览中提供的宝贵见解。 他们的体验会变得不完整且可能令人沮丧。

有可访问性:

• 字幕和文字稿: 音频导览将附带视频旁边显示的准确字幕，使聋人和听力障碍者可以阅读叙述内容。 网站上还可以下载音频导览的全文文字记录。
• Alt 文本: “音频播放器”按钮将带有类似于“收听艺术家对“雕塑时间”展览的评论”的 Alt 文本。 这为无法听到音频的用户提供屏幕阅读器的上下文信息。
• 键盘导航: 访客可以使用 Tab 键浏览网站，选择选项并播放/暂停音频导览，而无需使用鼠标。

额外的努力:

• 手语解释: 博物馆可以包含一个视频，其中一位手语翻译者提供艺术家评论的同步解释。
• 音频描述: 对于视力障碍的用户，可以提供音频描述轨道，描述雕塑的细节和视觉元素，以便他们更深入地了解。

结果: 通过加入这些可访问性功能，博物馆网站变得真正包容，确保所有访客都能参与展览内容，无论他们的听力能力如何。 这增强了每个用户的体验，并建立了一个更加欢迎和公平的环境。

##  博物馆网站： 有无可访问性对比

功能	无可访问性	可访问性
音频导览	仅提供音频，听力障碍者无法获取信息	提供字幕、文字稿和 Alt 文本描述音频内容
手语解释	缺失	包含同步手语翻译视频
音频描述	缺失	提供音频描述轨道，描述雕塑细节和视觉元素
键盘导航	可能无法完全使用键盘导航网站	支持键盘导航，所有选项可通过 Tab 键选择

结果:

• 无可访问性: 限制了听力障碍者的参与度，提供有限的用户体验。
• 可访问性: 包含多种功能，确保所有用户都能理解并享受展览内容，创造更包容和丰富的在线环境。