大数跨境

电子商务网站无障碍设计策略

电子商务网站无障碍设计策略 电商实践
2015-12-14
0
导读:出于善意、明智的商业考量,以及尚属模糊的政府监管要求,电子商务企业都应当确保其网站对所有潜在用户均可无障碍访问。

出于善意、明智的商业考量乃至政府监管趋势,电子商务企业都应确保网站对所有潜在客户可访问,包括视障、听障或其他交互障碍用户。

许多电商企业主并不清楚如何使在线商店具备无障碍性,导致小型企业在设计与规划时缺乏明确指引。

无障碍与包容性设计

网站无障碍性是“包容性设计”或“通用设计”运动的一部分。根据万维网联盟(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无障碍,既能带来额外销售额,也有助于在未来法规建立过程中保持合规。更重要的是,这本身就是正确之事。

参见后续文章:“缺乏美国监管导致网站无障碍诉讼”。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k