大数跨境

搭建无障碍 Shopify 商店

搭建无障碍 Shopify 商店 电商实践
2021-07-25
1
导读:电子商务在满足残障消费者需求方面已取得长足进步。多年来,我探讨了在线购物的诸多无障碍议题,从屏幕阅读器到相关诉讼。本文聚焦的 Shopify 是一家罕见的提供自愿性产品无障碍模板(Voluntary

电子商务在满足残障消费者需求方面已取得长足进步。本文重点探讨Shopify平台,该平台提供自愿性产品无障碍模板(VPAT),用于说明其对视力障碍、四肢瘫痪等残障用户的无障碍支持程度,涵盖结账流程及默认“Debut”主题等方面。

Shopify 为平台的不同方面提供 VPAT,例如结账流程和默认的“Debut”主题。

需注意,VPAT具有自愿性质,细节和准确性可能有限,且仅针对产品功能而非内容本身。例如,Checkout的VPAT不覆盖加购环节,主题VPAT中的“部分支持”往往依赖店主正确填写信息。因此,VPAT虽有助于评估特定功能,但无法完全代表整体无障碍水平。尽管Shopify发布了积极的无障碍政策与计划,但仅依赖供应商信息并非最佳评估方式。

无障碍程度如何?

为评估Shopify商店的实际无障碍表现,我采用了双重测试法:一是创建新站点以了解原生功能;二是探索包含产品、插件及附件的成熟站点(如知名美国DTC品牌)。结果显示,两种场景均能实现合理的无障碍水平,但仍存在明显缺陷。

模板

Shopify商家可选择自定义、库存或商业模板。虽然平台控制大部分结账流程与设计,但主题决定了站点诸多关键方面,直接影响无障碍体验。

测试发现,商业主题存在严重无障碍缺陷,而默认“Debut”主题则表现良好,凸显了主题间的差异。此外,Shopify架构不支持从“父级”主题继承特性,修改商业或官方主题后,未来升级维护将面临困难。

具体问题涵盖从“令人困惑但可用”到“完全无法使用”:

  • 控件标记不一致:页眉中的菜单、搜索、账户和购物车控件虽功能正常且有可访问名称,但标记方式混乱(如按钮被标为下拉披露、链接打开模态框等)。这对屏幕阅读器用户造成极大困扰,因其依赖界面描述形成操作预期。
  • 缺少标签:商业主题的“数量”输入框无标签且键盘支持有限,导致视障用户难以识别字段用途。
  • 变体选择不可用:商业主题的产品变体(尺寸、颜色等)选择系统完全无法通过键盘和屏幕阅读器操作,严重影响购物流程。

上述问题在默认主题中均不存在,表明Shopify已具备无障碍基础能力。然而,作为允许自定义的内容管理平台,确保所选主题符合无障碍需求仍是店主的責任。遗憾的是,Shopify主题商店并未标识哪些主题具备无障碍功能。

内容

Shopify提供了创建无障碍内容的工具,包括产品描述编辑器和媒体上传功能,但仍有注意事项。

产品描述:文本格式化工具强调结构而非外观,缺乏字体大小和颜色调整功能。这虽降低了颜色对比度问题和标题结构缺失的风险,但也可能导致创作者误用结构性标题来放大正文。表格插入器功能简单,需切换至HTML视图手动编写代码以确保无障碍。图像替代文本字段虽醒目,但未解释其含义。视频仅支持嵌入外部代码,无障碍性取决于Vimeo或YouTube等提供商。

上传媒体文件:支持视频、图像及3D模型上传。界面简洁,但仅为缩略图提供替代文本字段,且不支持直接添加字幕。为确保视频可访问,必须上传带有开放字幕的文件。

可用,但需完成作业

Shopify为店主和购物者提供了基本可用的无障碍界面,但大部分责任落在编辑者和主题开发者身上。平台在引导选择无障碍主题或辅助创建无障碍内容方面支持有限。建议商家务必做好尽职调查,主动规避潜在的无障碍诉讼风险。

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