在我们ADA合规迷你系列中,我们已经发现遵循Shopify无障碍政策的重要性。我们现在都知道-每一个Shopify商家都必须考虑使他们的网站、移动应用或任何其他数字平台对用户友好。除了法律要求外,任何认证ADA合规专家也会建议您符合这一政策,因为这样您就可以从残疾人社区吸引客户基础,轻松获取长期竞争优势。实现网站无障碍的潜力在于实施WCAG 2.1无障碍检查表。您如何做到这一点?以下是您在确定使您的Shopify商店符合ADA合规性时需要注意的关键领域的概述。

文章概述

根据WCAG 2.1准则,有一些Shopify商家应在其网站上实施以提高可访问性。网站设计、导航、alt标签、表单等都是提高网站可访问性的关键领域。


使您的Shopify商店合规的关键事项

WCAG 2.1是一项技术标准,我们在将ADA合规引入到我们的Shopify网站时应遵循该标准。此外,最好的方法是进行ADA合规网站审核,以确定您的网站需要哪些可访问性支持和改进。

网站设计

ADA合规网络设计

您有没有想过-您的网站用户界面是否流畅或易于搜索?如果不是,残疾人可能会在导航您的网站时感到困难,糟糕的用户体验会让他们感到沮丧。您可以通过允许他们掌控您的网站内容来简化事情。如何做到这一点?

页面内容应准确无误。

网站页面内容应具有准确的文本、字体、颜色、锚点链接和标题。

颜色 - 您的网站上有各种元素。用替代标题和说明分段每一个元素要比仅用颜色更有效果。许多人依赖颜色来提高网站的可读性,从而确保符合Shopify的法律要求。

表单 - 屏幕阅读器不易理解表单。应用编码标签,以便进行更容易的纠正,同时为其提供重要信息。

标题

适当的标题层次结构可以简化每个用户对web内容的理解。通过应用适当的<H1>标记和其他必要的标记对内容进行分段。

图片的替代标签

对于残疾人用户来说,使用替代文本标签识别图片是强制性的。对于相同的项目,您必须使用相同的标签。

HTML代码

不要冒风险失去潜在客户。确保您的Shopify网站不包含任何HTML错误、错误页面和损坏的链接。修复它们或在您的网站上使用优质代码以提高可搜索性。

链接

使用下划线作为任何副本只会让您的在线读者感到困惑。另外,确保链接采用特殊的差异化标识,如颜色和字体。

一致的导航

基于ADA的导航

谈到导航时,我们只讨论页眉上的菜单页面。但是,根据ADA电子商务可访问性要求,商家必须有不同的思考方式。您的Shopify网站应该易于从产品页面导航到购物车页面以及任何地方,以使用户能够获取他们所需的信息。

另一方面,如果您的网站设计不当,视力受损的人可能难以浏览您的网站。

最好的方法是使用标签导航。它与关键字兼容。残疾人可以使用键盘快捷方式浏览您的网站。屏幕阅读器很大程度上依赖这种类型的可访问性。

相关主题:

  1. Shopify ADA自动化测试-开始吧!
  2. ADA合规性的网站可访问性检查表

使Shopify网站的键盘可访问

键盘可访问性

  1. 让您的Shopify用户不依赖鼠标事件而轻松操作。当脚本运行时,键盘操作性能会得到改善,无需依赖于鼠标事件(例如:onmouseover)。
  2. 除非用户要求,否则不要将焦点转移到用户界面上的元素。
  3. 访问键不应允许频繁使用。即使键盘快捷键和访问键组合,现有浏览器也必须轻松使用。
  4. 所有屏幕功能必须与键盘对齐,而不依赖于击键的具体时机。

在您的网站上启用此功能。残疾人发现在网站上浏览相当灵活。在此处需要考虑的一些重要事项:

  • 如果您的网站在所有网页上都有重复的组件,它们应反映出与其他组件相同的特征。
  • 对于导航菜单,导航菜单链接的顺序在每个页面上应相同。

响应式

ADA响应性

您的企业网站可以更轻松地在智能手机和平板电脑等设备上访问。使您的网站在不同设备上具有可扩展性意味着您的网站适合任何格式和屏幕尺寸,这是吸引更多用户的绝佳方式,尤其是残疾人。

如果您仔细观察,您会发现-

悬停效果在与台式机和笔记本电脑一起使用时效果很好。但是,在平板电脑或智能手机上,这些功能是无效的。您应该删除悬停效果,而是应用点击功能。请遵循以下一些重要注意事项-

  1. 获取响应式样式表。它不需要水平滚动,并且您可以在网站上展示320px宽的内容。但是,水平滚动可以在二维格式(例如地图和表格)中使用。
  1. 如果悬停或聚焦时,内容应通过Esc键关闭。出于另一个原因,除了表单输入错误之外,内容不应妨碍其他内容的视图。

间距和大小

网站内容的间距和大小

填充和边距是用于网络布局的正确间距和大小的两种方式。在元素上添加填充可以使元素的边缘和内容之间获得完美的间距,从而使其看起来更大。

通过为按钮添加填充和边距,可以使按钮相对较小,从而相对更易于访问,使用户可以执行所需的操作并获取所需的信息。

随着越来越多的技术设备的出现,各个领域的人们都热衷于利用这些工具,越来越多的人喜欢与提供在线灵活性的企业进行联系。从这个角度来看,网站可访问性不仅仅是一种选择,而是一个让您的服务脱颖而出的强制性要求。

HulkApps的观点

遵循Shopify的可访问性要求可以让您遵循良好的在线礼仪,吸引更多买家前来您的商店并帮助他们满足他们的需求。

在Shopify网站可访问性或ADA合规性领域,HulkApps是这些关键过程的真正促进者。我们拥有各种可访问性工具的经验,主要是确保Shopify ADA合规性。通过我们无与伦比的Shopify和ADA合规性套餐,我们为客户提供了100%的成功率。我们的Shopify ADA合规专家可以为您提供更多服务 -

结论

请记住Shopify ADA合规性或电子商务ADA合规性必须符合公认的WGAC 2.1准则。如果有任何更新和更改,必须准备一份检查表并找出改进的地方。但请记住,只有ADA合规专家才能为您提供正确的指导和支持。如果您觉得您的Shopify网站也需要此服务,HulkApps可以为您带来适用于网站可访问性的正确解决方案。今天与我们联系