作为一个 WooCommerce 独立站网页设计师,您关注最新的趋势,寻找最好的工具,使您的设计更容易一点,并确保您的多用户是快乐。但是,尽管如此,您很可能会陷入与业务中许多其他人一样的陷阱:忘记了视障者。

  在过去,这不是一个问题。那些严重残疾,阻止他们看到屏幕,通常使用阅读器浏览网络,所以设计意味著让它与他们的装置相容。但随著 50 岁以上人群的日益增长,以及视觉问题开始增加,以及佩戴矫正镜片和眼镜的人的激增,您必须牢记这一点。所有的设计应该照顾那些有视觉障碍的人。有几种简单的方法可以将这些知识融入到您的设计中,而不会影响整体概念。本文说说,WordPress 网站设计要考虑到视觉障碍人群。

  1 、保持您的间距

  即使视力模糊的人也可以使用 CTRL +来增加字型,以便阅读。解决这个问题的最佳方法是使布局大小足以容纳 10 到 16 点的大小。在每次尺寸升级时测试它,以确保它至少是清晰的。如果您在有限的空间工作,甚至高达 14 是可以接受的。

  2 、建立大量的键盘快捷键

  许多人使用键盘只是由于他们无法看到滑鼠游标。当发生这种情况时,他们需要键盘快捷键才能正常导航。没有人喜欢在广泛的内容上拥有 Tab 的方式,所以提供一个简单和基本的快捷方式代码列表,允许他们使用箭头键和几个额外的工作他们的方式。一个很好的例子是 Facebook,它有一个完整的快捷方式系统为视力受损或残疾多用户。

  3 、提供大量的颜色对比

  您可以做的最好的事情之一是给出良好的颜色对比。任何太接近阴影或色调的背景都要求麻烦,即使对于没有视力问题的多用户。它可以导致眼睛疲劳的健康的眼睛,对于那些视力差的人完全不可读。

  对于健康的多用户,您可以进行细微的更改,以便于检视。如果这是您的布局的很大一部分,欢迎您保持它。但您必须为视力受损的人创造一个更高的对比度版本,否则他们将无法阅读它。幸运的是,您会发现,高对比度的 WooCommerce 独立站网页设计在过去几年一直是一个趋势。

  4 、不要忘记色盲

  许多人嘲笑一种视觉障碍人员,也就是色盲。它可能看起来只是一个小问题,但许多条件严重影响了网页的检视方式。如果您使用无数的颜色,可能会使很多多用户在阅读网站时有障碍。更多关于 WordPress 网站设计/开发、印刷服务、品牌设计、营销推广、 WordPress APP/WordPress 微信开发、资料业务等服务,欢迎登陆跨飞独立站 WooCommerce 官网进行咨询。

  5 、完全访问您的移动版本

  一些视力受损的网络多用户将使用搜索来查询网站的移动版本。因为它们更高的对比度,更大的文字和更简单的设计。除了只为手机提供移动版本,还可以在网络上提供完全访问许可权。这是一个简单的方法,提供一个更加多用户友好的版本。

  重要的是,将以上这些建议纳入您的 WooCommerce 独立站网页设计,以便那些有视力障碍和其他障碍或问题的人访问。