帮助您使电子商务网站易于访问的 7 个技巧

已发表: 2021-01-14

您是否知道15% 到 20% 的人口受到某种残疾的影响,无论是视觉、运动相关还是听觉? 在我们这样一个互联的在线社会中,优化您网站的可访问性是绝对必要的。

Web 可访问性可以根据用于使尽可能多的人(包括受残疾影响的人)访问您的电子商务网站的技术和实践的范围来定义,从而覆盖更广泛的受众。 然后,这将使您能够增加构成您网站的各个不同页面的流量和转化率

精心准备的网站将防止您错过数百万潜在访问者 此外,拥有一个可数字访问的网站将提高您的 SEO 排名


探索如何在国际上发展和发展您的电子商务业务


拥有和维护一个可供身体或精神能力可能下降的残疾人或老年人访问的电子商务网站意味着遵守某些规则:

  • 对于盲人/视障者:需要有一种以音频形式收听您的内容的方法,例如通过使用语音浏览器。
  • 对于那些有运动相关残疾的人:重要的是让他们可以在不使用鼠标的情况下浏览您的网站

如果您想让尽可能多的人访问您的电子商务网站,这些都是需要考虑的重要方面。 有很多事情需要落实到位。

因此,这里有七个技巧可以帮助您使您的网站更易于访问

考虑使其符合人体工程学和用户友好的最佳方式

ISO 9241 标准将可用性定义如下: “特定用户可以使用系统、产品或服务以有效、高效和满意地实现特定目标的程度。”

仅仅拥有一个美观的网站是不够的。 人体工程学和用户友好性对于优质电子商务网站的设计至关重要。 事实上,这些都是不容忽视或忽视的方面。 通过将用户体验放在首位,您可以增加您的网站产生积极印象的机会,并且用户会再次访问该网站并告诉他们的朋友和家人 在实际开始开发网站之前,您甚至应该仔细考虑和规划网站的人体工程学 这涉及查看您的页面如何与用户交互以及如何呈现您的菜单,这都有助于提供更轻松的用户体验。 使您的网站易于浏览将扩大您的潜在客户群!

使用最合适的结构

只需确保正确使用HTML ,就可以轻松访问大量 Web 内容。 网页由许多标签组成,这些标签可以很容易地定位在页面代码中并立即进行编辑。 有许多不同类型的标签。 每个都有自己的含义和对网页结构的特定影响。 所有标签都有特定的用途 以正确的方式使用它们!

保持表格和内容分开

如果您希望您的电子商务网站易于访问,请记住将包含您的内容(文本、图像、菜单等)的 HTML 文件与用于定义网站样式和格式的 CSS 文件分开。 这样做既可以使您的网站结构更加清晰,也可以让您创建多种不同类型的设计。 这将使您不仅可以提供纯文本版本,这对某些残障人士有用,而且还可以提供具有更大文本和内容的版本,更适合与智能手机或平板电脑等一起使用。

不要忘记为您的图像提供替代文字(替代文字)

替代文本是简短的图像描述 它们构成 HTML 代码的一部分,允许视障用户在不实际看到图像的情况下找出图像所描绘的内容

作为第一步,区分存在的三种不同类型的图像很重要:

  • 提供简单信息的图像,例如按钮
  • 提供更复杂信息的图像,例如图表或图形。 这些类型的图像可以使用链接到详细解释图像内容的 HTML 页面的参数。
  • 装饰性图像,为电子商务网站添加视觉装饰,但不会像子弹或框架那样增加对信息的兴趣。

对于带有产品表的电子商务网站,必须使用替代文本来帮助指导您的用户,以防他们碰巧有视力障碍。

这些替代文本是需要考虑的重要一点。 它们有助于提高您的 SEO 排名

正确调整颜色和对比度

选择足够不同的颜色,以确保轻松、舒适的阅读体验。 选择简单的组合,例如浅色背景上的深色文本:保持文本和页面背景之间的强烈对比非常重要。

请务必注意,屏幕上显示的颜色不一定对所有用户都相同。 这一切都取决于屏幕设置用户自己的视力

有用的提示:通过使用通用的字体和排版等来遵守 HTML 可访问性标准。

提供有关您的超文本链接的清晰信息

歧义越少,您的网站就越容易访问!

链接有时会在它们指向的页面方面缺乏精确度。 您网站中包含的所有按钮和链接都需要有准确的描述,以便用户知道他们引导的位置。

例子

有视力障碍的访客想要访问订单跟踪功能来跟踪他们的订单。 创建“单击此处”按钮不是一个好主意。 一些访问者在浏览您的网站页面时会使用盲文终端或语音合成器。 因此,请尝试使用具有更精确描述的按钮,例如“跟踪您的订单进度” ,这将立即为用户提供更多信息。

避免打开新窗口

尽管弹出窗口对于宣传新事物或某种事件非常有用,并且一些用户发现能够查看他们打开的所有页面很方便,但它仍然可能对其他人造成严重阻碍(尤其是视障人士)。 一个新的窗口本质上可以“打破”浏览节奏导致用户迷失方向 因此,如果可能的话,通过要求他们进行简单的右键单击,让他们选择是否打开另一个页面。 但是,如果您别无选择并且必须这样做,请记住通过在 HTML 代码中使用适当的属性来通知用户。

使电子商务网站易于访问和更具包容性,既可以满足所有用户的需求,又可以提供增加流量增强电子声誉的潜在优势。 那为什么还要等呢? 立即开始更新您的网站!

Petit Bateau 如何使用 TextMaster 集中其翻译管理