出于善意、明智的商业考量乃至政府监管趋势,电子商务企业都应确保网站对所有潜在客户可访问,包括视障、听障或其他交互障碍用户。
许多电商企业主并不清楚如何使在线商店具备无障碍性,导致小型企业在设计与规划时缺乏明确指引。
无障碍与包容性设计
网站无障碍性是“包容性设计”或“通用设计”运动的一部分。根据万维网联盟(W3C)Web无障碍倡议(WAI),其核心理念是:网络内容及所有技术应“可供所有人使用,无论能力、年龄、经济状况、教育水平、地理位置、语言等差异”。
在此背景下,W3C指出,“无障碍性侧重于残障人士——即有听觉、认知、神经、身体、言语和视觉障碍的人”。因此,电商企业实现网站或App无障碍,旨在为交互困难用户提供平等的内容获取机会。
这段视频由一位盲人网站用户制作,对此进行了解释。
网站无障碍性合乎情理
在线零售店及电商企业有多个充分理由实现网站和App无障碍:
首先,这本身是善举。企业应致力于确保所有潜在客户都能找到产品、参与互动并获得良好体验。
其次,愉悦的购物体验能带来额外销售额及利润。体验良好的购物者更可能复购。
第三,若善意与销售增长不足以推动改变,针对未实现无障碍的大小公司诉讼正大量涌现。值得注意的是,美国政府尚无明确的网站无障碍法规,企业难以就相关指控自辩;但遵循W3C指南或美国第508节规定,并采用下文策略,可使网站真正对残障购物者无障碍。
提供文本
纯文本具有灵活性,可被屏幕阅读器读取、转换为盲文或通过辅助技术修改,从而向任何访客传达内容。建议包含纯文本等效内容或摘要。
- 为图片提供文本说明。W3C建议使用img标签的alt属性传达图片含义。例如,链接到PDF销售传单的箭头图片,alt文本可为“下载销售传单”。切勿在alt属性中堆砌关键词。
- 复杂图形应有文字描述。若图片或图形无法用约100个字符(alt属性推荐最大长度)轻松描述,应提供纯文本描述或标题以传达信息。
- 为视频内容包含闭路字幕。帮助所有访客体验视频内容。
- 提供音频内容的替代方案。据W3C,“文本转录本是音频信息的文本等效物,包括口语和非口语声音(如音效)。”
- 提供文本转录本或订阅源。尽可能包含页面纯文本转录本;若不可行,提供含完整内容的RSS订阅源也有助于辅助技术朗读页面。
为访客朗读页面内容
提供页面和网站内容的音频版本同样有益。可录制文件为访客朗读内容,辅助理解所传达的信息。
使网站易于导航,包括表单
导航对部分访客是重大挑战。设计师和开发人员应确保网站仅通过键盘即可导航,且不在导航上设置时间限制,允许用户按需花费时间完成操作。同时,提供清晰且合乎逻辑的表单标签。
使用对比鲜明的颜色
前景与背景元素应保持高对比度。白底黑字或黑底白字通常是最佳选择。正常大小文本达到7:1或更高对比度比率可满足增强型色彩对比指南要求;即使4.5:1的比率也能使普通文本具备普遍无障碍性。
链接应清晰并带有标签
网页链接应具有合乎逻辑的标签且不依赖颜色。“点击这里”或“阅读更多”等信息不足的标签应避免使用。此外,即使无法识别颜色,也应清楚表明某元素是链接。
表格应为HTML格式且用于数据展示
数据表格必须采用HTML格式而非图片,以确保辅助技术用户可访问内容,并包含正确的列标题。
切勿将表格用于页面布局或结构,以免增加访问难度。
同样要使可下载文档具备无障碍访问性
当网站提供产品规格文档、材料安全数据表等下载时,需确保这些内容也具备无障碍性。
PDF是良好选择,但需预先规划以实现无障碍;CSV或TSV文件也支持无障碍。切勿提供Microsoft Word、Excel、PowerPoint或其他专有格式,以免用户需购买软件才能访问。
制定相关政策
最后,制定网络无障碍政策。为新内容制作人员提供检查清单,并使用工具或服务确保网站无障碍。
例如,可使用WAVE(网站无障碍评估工具)检查页面。
采取行动
采取行动确保电商网站或App无障碍,既能带来额外销售额,也有助于在未来法规建立过程中保持合规。更重要的是,这本身就是正确之事。
参见后续文章:“缺乏美国监管导致网站无障碍诉讼”。

