现今许多网站都已经重视无障碍设计，并且为视觉障碍用户提供了无障碍辅助功能，例如屏幕阅读器、放大镜等。但是，很多网站还存在一个重要的问题：多媒体文件无法访问。
许多用户因为听力、视觉、认知缺陷等原因，无法访问某些形式的多媒体：音频、视频、图像等。因此，提供无障碍的多媒体内容可以让这些用户享受到更多的网站功能，同时也贡献了一个更加包容和友好的网络环境。
为什么要提供无障碍多媒体？
提供无障碍多媒体内容的好处不仅仅是为了满足网站主的行善之心。以下是一些可以从这些努力中受益的用户:
1.失明、视力受损的用户：这些用户无法观看视频，无法识别图像，因此需要音频描述或文本替代品；
2.聋哑人士：这些用户需要字幕或实时的手语翻译；
3.认知障碍或学习障碍的用户：这些用户可能需要更长的时间来阅读或理解内容。提供简化和说明性的图片，以及易读的文本；
4.使用设备平台受限的用户：例如用户可能会在使用数据计划过高的地方，因此他们需要使用音频-视频文件的较小分辨率版本，或者下载更小的文件；
5.面对特殊用户组而言的合规要求：例如政府网站的无障碍条例。
在这里，我们将探讨如何解决这些问题，同时让网站的功能更好地服务于广大用户。
如何为多媒体提供无障碍可访问性
对于图像的文本替代品
对于视力受损的人士，网页上的图片可以被自动的屏幕阅读器或其他辅助设备转换成可以朗读的文本。为图片添加合适的文本替代品是很重要的，并且可以通过添加alt属性来完成。提供准确，具体和易于理解的名称和说明，以便屏幕阅读器可以准确地在浏览用户音频幻灯片时进行讲述。 以下是一些基于内容类型的示例:
<!-- 相关产品的图片 --> <img src="related-products.jpg" alt="相关产品包括 1、电视、2、扫地机器人、3、吸尘器" /> <!-- 端午节的图片 --> <img src="drag-on-boat.jpg" alt="端午节的传统活动——赛龙舟" /> <!-- 一个句子中的图片 --> <p>在去年产生的世界杯上，C罗带领葡萄牙进入半决赛 <img src="cristiano-ronaldo.jpg" alt="C罗头像" /></p>
对于视频和音频的文本替代品
在视频和音频无法索引到屏幕的情况下，请使用文本将其描述。为了实现文本形式的替代，其内容要求需要更加丰富和准确。我们可以提供一些通用的示例，但需要根据样式和内容进行调整。以下是基于内容类型的示例:
-- -------------------- ---- ------- ---- ---------------- --- ---- ------ ---------------------------------- ----- ------ ---------------------------------- ----- ---- ----------- --- ------ -------- ------------------ ------- -------------- ---------------- -- ------ ------------ ---------------- ------------ -------------- ------- -- --------
非字幕的文本
即便不是针对视听障碍人士，网站还应该提供一些文本化的信息，以便于任何用户阅读和理解内容。例子包括：
视频或音频的摘要、介绍或章节摘要；
视频或音频的创作者、演员或艺术家介绍；
图片的简介或说明；
广告或画廊的产品销售说明或介绍；
某些页面的说明或主题介绍。
-- -------------------- ---- -------
---- ------- ---
----
------------------------
----
-----------------
-------------------
-----
---------------------------
----
-----------------
------------------------
-----
-----
---- --------------- ---
---- -----------------------------
---- ------ ---
--------
---- --------------------------- -------- ----
------------- --------------------------------------
---------考虑使用自动优化
一些网络应用程序可以自动创建文本替代品、生成字幕并转换高级多媒体到较小的像素密度。 如果使用自动化工具，我们需要仍然检查输出质量。 这是由于自动化会产生出令人困惑的文本、导致漏勾选需要加入的字幕和导致产生少部分图像的低质量副本。
总结
通过将关注点从仅仅提供图像或视频、音频转移到确保网站上的多媒体的无障碍可访问性，我们可以让网站更加周全、更好的服务于使用者。
还有其他很多的方法可以用来提高无障碍可访问性——如避免使用颜色来表达必需信息；描述数据图表的文本；使用正确的标记来描述不同的内容。保证在不需要增加内容的前提下，可以找寻替代方案的方法。实施无障碍可访问性，是给予Web、App等网络应用程序足够的支持和保护，确保使用者不会被注入思维中的任何障碍。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cdd096b5eee0b5255c0b3e