大数跨境

实践:如何在您的店铺中落实无障碍要求?

实践:如何在您的店铺中落实无障碍要求? 跨境电商全资讯
2024-10-14
2
导读:BFSG 的新要求给许多商店带来了挑战。尽管并非所有工作都能实现自动化,但仍有充足的软件和其他支持,帮助企业在2025年6月前做好合规准备。

随着《无障碍强化法》(BFSG)的实施,商店运营商面临新挑战。谁能为受影响者提供支持?

新规旨在确保残障人士平等访问数字服务。在前几篇文章中,我们已解释了受约束的主体及法律对“无障碍在线商店”的抽象定义。本部分将聚焦实施层面:探讨如何落实商店无障碍要求、企业必须采取的步骤,以及可用的工具或软件。

现状评估:我目前处于什么位置?

BFSG 涵盖从导航、订单流程到支付方式的整个客户旅程。实施需遵循 Web Content Accessibility Guidelines (WCAG) 的四项基本原则:可感知性、可操作性、易懂性和鲁棒性。为此,我们整理了一份检查清单。

然而,大多数在线商店使用第三方系统并将编程工作外包。因此,在采取措施前,负责人需先了解网站现状。现状评估有助于识别薄弱环节、确定优先级,并防止因恐慌而采取不必要的步骤。事实上,许多平台已无意中符合了部分要求。例如,SEO 领域的替代文本(Alt-Text)虽最初为排名优化,但也提升了无障碍性。

初步评估可使用以下在线工具:

  • WAVE (Web Accessibility Evaluation Tool): 知名免费在线工具,检查源代码中的无障碍问题并提供改进建议。
  • axe Accessibility Checker: 浏览器插件,识别网页问题并为开发者提供详细修复信息。
  • Lighthouse (Google Chrome): Chrome 开发者工具集成组件,可进行全面的无障碍性及质量评估。
  • 对比度检查器: Google Chrome 扩展工具,用于检查颜色对比度是否符合 WCAG 指南。
  • 屏幕阅读器测试(如 NVDA): 从视障用户视角检验网站可用性。

上述工具可提供初步线索,但建议不要仅依赖自动化测试。在处理复杂功能和内容时,仍需进行手动检查。

哪些工作需手动完成,哪些可自动化?

并非所有无障碍方面都能通过工具自动处理。需明确区分必须手动实现的要求与可通过软件支持自动化的部分。

自动化措施

  • 使用匹配的无障碍主题和插件: 优先选用专为自身商店系统设计的现成解决方案,它们通常包含符合要求的预制元素(如菜单、表单)。
  • 无障碍模板和插件: 多种插件和模板专门针对无障碍开发。例如 WP Accessibility 插件,通过集成键盘导航、图像标题和语义 HTML 元素,帮助 WordPress 网站实现无障碍访问。

手动措施

  • 调整文本和内容: 尽管有 AI 辅助,替代文本(Alt-Text)和产品说明等仍需人工处理。内容应通俗易懂、语言简单。AI 生成的图片说明建议必须经人工审核,以确保准确反映图片内容。
  • 优化导航与用户引导: 菜单和导航结构应清晰逻辑分明。需检查并优化纯键盘导航支持。即使工具未警告层级结构问题,存疑时仍须手动调整 H1 至 H6 标题的合理使用。
  • 使表单具备无障碍访问能力: 表单字段需有描述性标签,错误提示应易懂。此方面同样需要人工检查。

遗憾的是,无障碍实施没有一键解决的万能方案。许多优化工作需手动完成或至少由人工启动(如更新商店软件)。

警惕可疑服务商: 随着法律变更,越来越多声称能“一键实现完全无障碍”的服务商出现。需批判性评估其实际提供的服务及必要措施。自动化工具无法保证完全合规,特别是在文本和内容质量方面,手动调整不可或缺。

在线商店系统:我需要做什么吗?

Shopify 和 Shopware 等系统已提供部分功能,其他常见系统亦然。即便提供商提供了不少功能,完全定制仍需部分手动进行。

  • Shopify: 提供现成的无障碍主题、色彩对比度调整选项及图像替代文本功能。“Alt Text”应用程序允许用户在 Shopify 中接管替代属性(Alt Attributes)的输入工作。
  • Shopware: 计划最迟于2024年底全面符合 WCAG 标准。为确保目标达成,将开展包括残障人士参与在内的广泛软件测试,并规划包含无障碍专项改进的产品更新。快速应对方案是为残障人士提供无障碍插件。卖家应订阅新闻通讯以免错过重要信息。
  • Magento: 为无障碍电商提供坚实基础,并通过基于 WCAG 标准的插件得到支持。“Magento Accessibility”插件提供键盘导航、屏幕阅读器兼容性、色彩对比度和文本放大等功能。它还支持自动生成图像替代文本并确保表单正确标注。
  • BigCommerce & WooCommerce: BigCommerce 通过自有应用程序提供屏幕阅读器支持、色彩对比度调整、语音导航和自动替代文本生成等功能;手动检查报告可作为付费附加组件添加。WooCommerce 基于 WordPress,提供多种旨在实现无障碍的插件和主题(如键盘导航、对比度设置)。然而,很大一部分责任在于运营商,包括选择合适的插件及手动调整内容。
  • PrestaShop: 提供无障碍主题和插件,但程度取决于扩展程序和实现方式。“PrestaShop 无障碍模块”通过提供键盘导航、色彩对比度调整和图像替代文本等功能提升无障碍性,并提供自定义选项以帮助实现 WCAG 合规。

使用商店系统的用户应尽早规划,了解未来几个月的新功能和支持情况。此外,建议定期使用检查工具以确保长期合规。BFSG 的特点是没有固定的一次性标准,要求随技术发展不断变化。

清单:无障碍商店软件

  • 无障碍主题和模板的可用性: 检查相应系统中是否提供带无障碍元素的模板和解决方案。
  • 无障碍插件和扩展程序: 评估外部插件提供的自动对比度调整、图像替代文本和键盘导航等功能。
  • 扩展费用: 鉴于许多解决方案付费,建议进行成本效益分析,明确内部工作与外包服务的界限。
  • 定期更新与支持: 确保插件和模板定期更新,且提供商能提供可靠支持以保障长期运行。

支付服务提供商:这些也必须符合无障碍标准吗?

是的。B2C 商店的整个客户旅程(从 Cookie 横幅到结账签署合同)都必须符合无障碍标准,包括 PayPal 等支付功能。

PayPal 已确认将全面实施新指南。否则商家可能因缺乏无障碍性而无法使用该服务,这也是不可接受的。

那么在线市场的情况如何呢?

在 Amazon、Ebay、Kaufland 等平台销售时,商家行动空间有限,但仍需考虑 BFSG 要求。

关键点:平台商店遵守法定规定的责任仍在于卖家。若企业使用未实施 BFSG 的平台,可能会面临风险。这一点除竞争问题外,现已延伸至无障碍领域。

如同自营网店,卖家有责任确保产品文本清晰可读、不单纯依靠颜色传递信息,并为视觉元素提供有意义的替代文本,以将违规风险控制在可控范围内。

结论

BFSG 新要求既是挑战也是提升用户体验、触达更广泛受众的机会。通过盘点现状、使用合适工具与软件,可以打造无障碍在线商店。但切勿被承诺快速解决的非正规高价方案蒙蔽。

关于无障碍性你需要知道的一切

在我们的专题系列中,已从多角度全面探讨该主题:

  1. 我的网站很快必须实现无障碍吗?
  2. 无障碍在线商店应如何设计?
  3. 无障碍在线商店:日常面临的障碍(访谈)
  4. 无障碍产品的新要求有哪些
  5. 扩展的法律文本和新的信息披露义务
  6. 如果未落实无障碍要求,将面临什么后果?
  7. 为6月28日做准备检查清单
  8. 无障碍常见问题解答:你需要知道的一切

更多信息请查看我们的 无障碍专题页面。

【声明】内容源于网络
0
0
跨境电商全资讯
1234
内容 5488
粉丝 0
跨境电商全资讯 1234
总阅读252
粉丝0
内容5.5k