如何提高网站的可访问性 - 8 种简单方法。

已发表: 2021-06-02

设计师和开发人员经常花费太多时间来创建一个漂亮的网站,他们忘记了制作一个所有人都可以访问的功能性网站,包括残疾人。 让您的网站可供所有人访问不仅是一项法律要求,而且也是一件道德的事情,它可以为您的企业带来重大的经济利益。 因此,在本文中,我将告诉您一些改善网站可访问性的最佳简便方法。

97% 的网站不符合全球网络法规 这表明企业需要做更多的工作来满足有额外需求的用户。

为什么要提高网站的可访问性?

首先,提高您网站的可访问性可以让您的业务面向更大的消费者群,从而带来更高的利润。 提高网站的可访问性也可以改善网站的搜索引擎优化,因为从搜索引擎的角度来看,您的网站更易于理解。

随着更多流量进入您的网站,更多访问者能够阅读您的内容,销售机会就越高。 在实施无障碍解决方案时,Tesco 等公司的销售额有所增长。

最后,改进您的网站以便残障用户可以使用它在道德上是正确的,也是法律要求,未能让残障用户访问您的网站可能会使您的企业面临诉讼,只需询问 Netflix、Domino's Pizza 和 Target 等公司所有人都因拥有一个残疾人用户无法访问的网站而被起诉。

您如何提高网站的可访问性?

有两种方法可以提高您网站的可访问性。 第一种选择是建立一个考虑到可访问性的网站,或者您可以安装第三方工具来帮助残疾用户访问您的网站。

如果您在构建网站时考虑到了可访问性,这里有一些可以提供帮助的提示。

1) 选择一个可访问的内容管理系统。

content management system

顾名思义,内容管理系统是网站上的一个后端工具,用于处理您的数据库和网站前端显示的内容。

最常见的内容管理系统之一是 WordPress,作为开箱即用的 CMS,它是可以访问的,但是当用户开始创建他们的布局和设计时,就会遇到问题。

使用 WordPress,他们使用允许您安装第三方软件的插件系统,这通常很有用。 但是,此第三方软件不是由您开发的,因此您可能不了解代码下发生的情况,因此代码通常无助于您网站的可访问性。

话虽如此,还可以将第三方可访问性插件添加到您的网站以帮助解决可访问性问题。

2) 使用正确的语义标记。

语义标记描述了对象对于浏览器和开发人员的意义。 使用正确的标记可以帮助使用屏幕阅读器等软件。

语义标记的示例包括:<form>、<table> 和 <article>,因为它们清楚地描述了将要填充它们的数据。

HTML5 有许多语义标记实例,可用于帮助屏幕阅读技术,您可以在W3Schools 网站上查看更多示例

3)适当地标记您的图像。

屏幕阅读软件为视障人士提供了一种浏览互联网的方式。 这项技术在让用户知道页面内容方面做得非常好,但是,它们仍然有其局限性。

屏幕阅读软件无法描述图像的内容或读取图像中的文本。 出于这个原因,开发人员应该以正确的方式在他们的网站上标记图像。 屏幕阅读器可以理解图像的 ALT 文本,错误地填写将有助于残障用户更多地理解您的页面。

营销人员可能会滥用 ALT 标签,因为他们认为这是搜索引擎排名因素。 营销人员可能会使用以下 ALT 文本标记您网站上的图像:“shoes for sale”。 而关心网站可访问性的人会使用 ALT 文本:“办公室环境中男人穿的棕色皮鞋”。

从上面的示例中,您可以看到从营销角度与可访问性角度的明显差异。

4) 不是每个人都使用鼠标,所以要相应地计划。

行动不便用户可能无法以浏览互联网所需的精度使用鼠标。 行动不便的人将使用不同的设备(例如键盘、嘴棒和头棒)访问互联网。

即使使用上述技术,由于布局复杂,某些网站也无法访问。 复杂的布局可以包括下拉导航、复杂的动画,甚至是一些简单的东西,比如关闭显示您关注的 Web 元素的 CSS 样式。

一些用户将不得不通过单击键盘上的一个键来循环浏览网站上的元素,对于不可访问的网站,几乎不可能看到您所在的元素以及下一步可以去哪里。 对此最好的解释是尝试使用鼠标而不出现鼠标指针出现在屏幕上。

5)了解和使用ARIA

ARIA

Accessible Rich Internet Applications 或 ARIA 简要概述了您应该如何对您的网站进行更改,以便可以在其上使用辅助技术。 这些指南对于定义如何在您的网站上提供动态内容很有用。

您可以在此处了解如何通过W3C在您的网站上使用 ARIA

6)仔细选择您网站的颜色

多年来,发表了无数关于色彩理论的文章,​​讨论了某些颜色如何让人感觉,并可以在购买过程中进一步帮助他们。

无论您是否相信色彩理论,可以肯定的是,色彩可以在提高您网站的可访问性方面发挥巨大作用。 明亮的颜色可以使有视觉障碍的人更难阅读您网站上的文本,而相同对比度的颜色可以产生类似的效果。

在决定网站的颜色时,您需要考虑您的品牌。 但是,如果您的品牌对残疾用户来说是个问题,您将需要想出一个解决方案来解决它。

7) 在您的视频中使用字幕

公司可能会在他们的网站上使用视频解释器来展示他们的产品如何解决问题,但他们中的许多人不会使用字幕来帮助有听觉问题的读者。

为您的视频添加字幕并不困难,甚至不贵,因为您可以聘请自由职业者来转录它们。

像 Youtube 这样的公司会自动为您的视频添加字幕,但由于它们是计算机生成的,它们并不总是正确的,并且可能会让您的访问者对您试图分享的信息感到困惑。

字幕甚至对那些没有听觉问题的人有用,因为有些人在通勤时观看视频并且经常将其静音。 字幕是一种很好的方式来了解正在发生的事情,而不会打扰其他人。

8) 第三方工具

Third party tools

根据您网站的大小,有时无法通过它并进行上述更改。 另一方面,您可能没有预算来实施这些更改。

这是可以理解的,但要意识到你不为残疾用户提供服务是在浪费钱,如果你因网站被告上法庭,你可能会赔钱。

值得庆幸的是,可以安装第三方工具来为您进行这些更改。

一些可以使用的工具就像安装它们并让它们完成其余工作一样简单。 这些工具最好的一点是它们是轻量级的,也不影响您网站的页面加载速度。 没有可访问问题的用户不会受到影响,而需要额外帮助的用户将能够更轻松地浏览您的网站。

如果您可以称其为该软件的唯一缺点,那就是它们通常需要按月付费,但考虑到该软件为您节省了多少时间,它们也不昂贵。 每年支付可以进一步节省。 如果您没有软件预算,则可以使用免费版本,但它们需要代表您提供更多输入。

结论

为残疾用户提供可访问的解决方案不仅在道德上是正确的,而且还是一项法律要求。

残障用户的生活已经充满挑战,因此如果您可以通过一点点努力使他们的在线浏览体验更好,这是我们都应该尝试做的事情。 较小的网站可以自行进行更改,而商业网站可以投资可访问性软件,使其在数小时内即可访问。

如果您想立即查看市场上最易于访问的软件列表,我们在页面上方提供了一份指南。