如何确保您的在线商店可访问

在线购物使任何人都可以浏览各种产品并在闲暇时进行购买。 考虑到我们都有不同的品味、习惯和偏好，每个人的购物过程和体验自然是不同的。 然而，对于某些人来说，网上购物可能相当困难。

一些网购者可能生活在互联网连接较差的国家。 或者，他们可能不得不依靠屏幕阅读器来浏览和访问网站。 由于永久性或暂时性残疾，有些人可能会使用键盘浏览网站。

事实上，仅在美国，就有 54% 的残疾成年人每天使用互联网，这意味着您需要确保每个人都可以访问您的商店，无论他们的身份和条件如何。

在这篇文章中，我们将介绍什么是可访问性，并分享您作为在线商店所有者应采取的建议和步骤，以确保您的电子商务商店符合可访问性指南。

什么是电子商务可访问性？

谈到电子商务的可访问性，这意味着残障人士可以毫无困难地访问、贡献和使用网络。

它不仅包括视觉、听觉、认知或其他永久性残疾等身体残疾，还包括因受伤或老化而导致的暂时性残疾，以及因互联网连接速度慢等外力造成的残疾。

为什么重要

可访问性之所以重要，最重要的原因是您无法控制谁访问并与您的商店互动。 如果您的商店不遵守无障碍指南，您可能会在法庭上发现自己并有责任支付巨额罚款。

最重要的是，网络可访问性是我们的基本人权之一，它对您的业务产生巨大影响。 如果您的在线商店可以访问，它也会进行优化，为所有用户提供最佳的用户体验，从而转化为更好的客户满意度、更高的品牌忠诚度和更多收入。

最后，可访问性之所以重要的最后一个原因是，遵守可访问性指南意味着您的商店遵循推荐的编码标准并使用语义标记。 这有助于在搜索引擎中获得更好的排名，这意味着您可以获得更多的自然流量。

如何检查在线商店的可访问性

在深入了解确保您的在线商店可访问的具体提示之前，第一步是检查您的商店是否可访问。 这里有一些方法来测试你所拥有的。

• 访问您的在线商店并完成购买过程，就好像您有色盲等残疾或必须依靠键盘浏览它并一直完成结帐过程
• 使用 WAVE Web Accessibility Tool 之类的服务来查看您网站的潜在问题、错误和警告。 这个免费工具会让您知道是否有错误，例如空链接和按钮、文本和背景之间的低对比度等等
• 通过使用诸如 UserTesting.com 之类的服务从真实用户那里获得反馈。 这将使您获得客观的反馈，然后您可以使用这些反馈来改善客户和用户体验。

如何使您的在线商店可访问

Web Accessibility Guidelines 于 1999 年由 W3C 发布。 他们负责维护指南，最新版本日期为 2008 年 12 月。

根据这些准则，要使网站可访问，在该网站上找到的信息必须是可感知的、可操作的、可理解的和可靠的。 如果缺少任何这些标准，则该特定网站将被视为不可访问。

通俗地说，这意味着一旦访问者来到您的在线商店，他们必须能够感知、使用和理解您网站上的信息。 该信息还需要足够强大，以便各种辅助技术可以正确解释它。

以下是基于 Web 可访问性指南的要点，以确保每个人都可以访问您的在线商店。

• 在处理按钮和链接时，考虑添加一个问号或星号作为使它们与其他内容不同的另一种方式，并确保色盲的人能够理解它们是什么
• 在文本和背景方面使用高对比度的颜色。 白色背景上的黑色文本比在色轮上使用相似或接近的颜色效果更好。
• 避免使用诱发癫痫发作的内容，例如动画 GIF 和闪烁的动画。
• 尽可能删除或限制使用 CAPTCHA。 研究表明，除了被认为无法访问之外，CAPTCHA 在很大程度上对垃圾邮件发送者无效
• 添加对盲文的支持以及使用鼠标和键盘将打印放大到您的在线商店的功能。
• 包括用于产品页面和商店其他地方的图像、视频和音频等内容的替代文本和文本描述
• 使用标题、副标题、项目符号和较短的段落等格式选项，使您的产品描述和其他内容更易于阅读
• 避免在未定义的情况下使用行话、技术术语和缩写，以确保商店中的内容易于理解
• 确保链接中的文本易于理解并描述您链接的内容，而不是使用诸如“单击此处”之类的通用术语
• 如果您的链接设置为在新选项卡中打开，请务必通知用户
• 按钮、菜单项、下拉菜单和导航应该可以通过键盘和鼠标访问
• 确保每个页面的顶部都包含跳过链接，以便您的访问者可以在页面加载后立即跳转到主要内容
• 结帐表格需要有适当的标签，清楚地解释该字段的用途。 您还需要确保结帐表单上的每个字段都向访问者提供警告和确认消息
• 避免使用当用户登陆您的网站时自动播放的音乐或视频。 视频和音轨等内容应具有清晰可见的播放、暂停和停止按钮控件。 此类内容还应尽可能包含文字记录以及隐藏式字幕和手语
• 触发下载的按钮，例如购买发票或类似的 PDF 收据，应该有说明，告诉访问者点击按钮后会发生什么
• 与您的开发人员交谈并要求他使用 WAI-ARIA 角色来为 HTML 元素（如手风琴和选项卡）、它们的功能和状态提供意义； 以及将 tabindex 添加到通常不会获得焦点的元素中
• 考虑使用诸如 WP Accessibility 之类的插件来解决常见的可访问性问题，例如提供键盘焦点、防止链接在其他窗口中打开等等。