您是否知道,如果忽视无障碍设施,可能会导致很大一部分患有听力、言语或其他障碍的顾客无法在您的商店购物?
然而,加入这些企业可能成本高昂且耗时,特别是当您试图快速节省成本和扩大规模时。
在这篇文章中,我们将集中讨论您可以做的 6 件关键的事情,以了解如何为所有网站访问者提供包容性的购物体验,您可以让您的团队在设计 Shopify 商店时快速实施或寻找这些定制。
首先,让我们深入了解可访问性的基本含义。
什么是可访问性?
在设计产品时将无障碍功能融入其中,可以确保每个人都能与您的服务进行互动,无论他们有何种能力。
简而言之,这是正确的做法。
在经营网上业务时,必须记住每个人的购物体验都不一样。根据世界卫生组织的数据,全球约有 15% 的人口是残疾人。
不遵循无障碍实践的网站会让用户难以获得良好的客户体验。
但是,在设计您的网站或电子商务商店时您究竟需要牢记什么呢?
它可以归结为四个关键点。
无障碍四大原则
为了确保您的电子商务商店可以访问,万维网联盟 (W3C) 发布了一系列您必须遵循的要求和指南。
它们是根据以下四个原则组织的:
可感知——无论用户是谁,他们都必须能够感知网络材料,因此您需要为盲人提供音频,并为聋人提供屏幕阅读器和其他辅助技术可以阅读的文本(以隐藏或开放字幕的形式)。
可操作性——网站应该便于残障人士使用。例如,您必须包含基于键盘的功能,因为许多残障人士无法使用鼠标。网站的媒体和动画应该便于用户访问和自定义。对于有认知障碍的人,网站应该为他们提供充足的时间阅读和理解内容,并提供准确的页面名称、结构良好的内容和直观的网站布局。
可理解性——用户应该能够理解电子商务商店的各个方面——无论是独自使用还是使用屏幕阅读器等辅助设备。使用易于阅读、可理解且表现一致的通俗易懂的语言至关重要。表单标签应显而易见,商店导航应连续一致。
稳健性——网站应能够在多种浏览器、平台和设备上充分运行,并且不会将其网页可访问性功能强加给访问者。网站必须兼容跨平台,并具有响应式设计,以避免用户切换浏览器或设备时出现问题。
建立可访问的电子商务商店的好处
建立一个可访问的网站有很多好处-
它有助于确保您的商店具有包容性,任何人都可以使用,无论他们的能力如何。
建立具有无障碍功能的商店意味着每个人都能获得更好的用户体验,并有助于提高客户忠诚度和保留率。
它通过提高您的 卡塔尔电子邮件列表 网站得分和吸引更多流量来改善 SEO 指标。
弥补因无法访问网站内容或使用网站有困难的部分人而造成的收入损失。
防止因不合规而导致的任何法律纠纷。
解决电子商务商店可访问性问题的 6 个技巧
在建立网站时,重要的是要考虑不同的人会受到怎样的影响。以下是设计在线商店以解决可访问性问题时需要牢记的一些提示。
正确使用颜色
全球约有 3 亿人患有某种形式的色盲。这并不意味着患者眼中只有黑白两色。这只是意味着他们无法区分不同的颜色。
为了解决这个问题,请选择 如果您正在跑步 请在线连接 色轮另一侧的颜色,避免低对比度的设计。
WCAG 甚至还提供了实现有效对比度的指南。标准文本至少应满足 4.5:1,而大文本的对比度应为 3:1。
许多在线工具可以帮助您完成此操作,因此您不必担心这些数字是如何计算的。
确保不要只依赖颜色来传递信息也很重要。例如,避免仅使用颜色来指示必填字段或提供特定于颜色的说明。相反,使用附带的文本参考来显示您希望用户执行的操作。
设计可访问性 – 颜色提示
仅使用颜色来表示所需文本,以及同时使用颜色和文本
销售时要记住的另一件事是提供 bzb 目录 准确的产品颜色名称。避免使用任何含糊不清的词语,并使用“浅绿色”或“深红色”等基本颜色名称来描述它们。
设计可访问性 – 颜色对比
网站显示的产品颜色名称含糊不清(来源)
使网站键盘可访问
视力有障碍或灵活性有问题的人可能会发现使用鼠标浏览网站或点击彼此太近的元素很困难。
因此,根据 WCAG,整个网站应该完全可以通过键盘访问。例如,使用 Tab 键应该允许用户从一个交互元素切换到另一个交互元素。
设计可访问性 – 网站键盘导航
带有键盘导航的网站(来源)
始终使用 Alt 标签
图像通常是向商店访客传达信息的有效方式。然而,对于盲人用户来说,这却是一个障碍。
他们依靠 alt 标签来理解图像。Alt 标签为无法以其他方式呈现的元素提供文本替代。使用这些标签还可以帮助改善 SEO!
清晰的内容结构和标题
屏幕阅读器和其他辅助技术使用标题快速从页面的一部分导航到另一部分,以便进行购买或快速获取所需的信息。
因此,优化结构和标题以准确描述页面内容非常重要。
以下是一些提示:
按顺序使用标题
让用户可以选择更改移动设备上的字体大小
更好的内容结构是帮助 SEO 和增加流量以增加转化的另一种方法。它还有助于改善整体用户体验。
在设计商店时,您必须站在顾客的角度,了解他们的局限性和需求。
鼓励工作场所的多样性有助于为您的产品带来全新和包容的视角。
许多自动化工具会检查不同浏览器的对比度、键盘可访问性和屏幕阅读器兼容性,并确定您网站上哪个元素缺乏可访问性。
您甚至可以尝试聘请一位内部顾问来确保一切符合标准,提供培训并进行定期审核。