网站可访问性是指一个人访问网站的能力,无论其残疾类型或严重程度如何。当我们建立一个网站时,我们通常不会考虑其他人会如何使用这个网站。更不经常的是,我们会考虑与我们截然不同的人会如何访问我们的网站。

例如,如果你是色盲(也许你已经是),你会如何看待你的企业网站?你的CTA还会脱颖而出吗?您是否仍然可以从现有的视觉提示中知道什么是可单击元素?

在设计、开发和维护一个网站的时候,网站的可访问性确实应该被考虑进去,这样才不会疏远你的潜在受众。有了这个网站可访问性清单,你就可以从更广阔的视角来审视自己的网站了。

首先,从一些角度来看如何

网站内容可访问性指南(WCAG)是一套规则,旨在为应解决的项目提供指导,以确保没有用户被排除在互联网使用之外。为了理解WCAG旨在帮助的一些类型的损伤,我们将看一看美国一些残疾的一些统计数据

这是一个非常多的人,估计有27%的人口有上述障碍,不包括身体上的障碍,可能会阻碍一个人如何与网站互动。您是否希望错过这些受众可能带来的机会?或者,更重要的是,您是否希望排除超过四分之一的人在您的网站上获得任何有意义的参与?

好消息是WCAG2.0和2.1标准清楚地记录了现场操作员应采取哪些措施来提高可访问性。起初,在查看所有技术要求时,这似乎是一项令人难以置信的艰巨任务,但请耐心听我说,我将分解一个简单、简短的网站可访问性检查表,其中列出了大多数用户可以轻松解决的项目。

执行网页可访问性审计

作为2018年计划的一部分,我们对Brafton.com进行了审计,但没有做得很好。但好消息是,我们很容易地解决了几个关键问题,而且情况要好得多。下面你可以看到我们审计的细节以及我们在审计过程中学到的东西。使用这个简单的网站可访问性检查表,结合谷歌的灯塔工具,你也可以开始更新你的网站,以满足WCAG标准。比较我们在Brafton考试前后的分数,我们将检查我们的检查表,并强调我们为纠正错误所做的工作。

网页无障碍检查表

正如你所看到的,我们一开始的可访问性得分是58分,但搜索引擎优化得分至少是100分。否则就尴尬了。

1.内容可通过键盘访问,元素可在选定时识别。

你能只用一个键盘来浏览你的网站并浏览内容吗?这是一个自动化工具通常无法确定的项目,但您可以轻松地测试自己。

2.所有图像都有alt文本。

Alt text不仅仅用于搜索引擎优化的最佳实践。Alt标记还用于屏幕阅读器,以确定图像的上下文。正确和描述性的alt标签对视力受损用户至关重要。

网页无障碍检查表

我们在这里有一些需要解决的问题,但这些通常是简单的修复。在大多数情况下,这只是更新CMS中的某个字段的问题。需要记住的一个关键因素是,所有图像都应该有一个alt标签 ,即使它只是一个空标签。空的alt标记表示该图像纯粹是装饰,没有内容值。空的alt标签通常用于标识或装饰分隔符。

3.内容闪烁不超过3秒。

如果你的网站上有任何闪烁的文字或其他元素,确保它们闪烁的时间不超过3秒。还记得那些老卡通片吗?它们眨眼太多以至于孩子们开始癫痫发作。我们真的不希望这样的事情发生在我们网站的用户身上。

4.存在Aria标签。

站点上的一些项目(如导航或表单)可能需要额外的标记来向屏幕阅读器和其他辅助技术表明它们的目的是什么。使用咏叹调标签实现这一点。虽然这一项确实需要更多的技术知识,但仍然应该注意。

5.链接具有可识别的名称。

确保你的所有链接都有一个清晰可辨的名字,用于可能有视力障碍的人。如果图像用于链接,这意味着确保它们具有alt标记。

网页无障碍检查表

在这个类别中,我们有相当多的项目需要修复。在建立我们的网站时,我们使用了一些技巧来让我们的内容和图像看起来像我们想要的方式。因为我们在最初的构建过程中并没有真正考虑可访问性,所以为了满足指导方针,我们需要做一些小工作。

6.适当的标题层次是适当的。

与SEO优化携手,确保您的页面使用正确的标记顺序。使用屏幕阅读器的网站访问者将使用标记来确定页面的层次结构,并向访问者展示这些条目,以便于通过内容进行导航。

7.使用语义语言(
用于主要内容

在构建页面和模板时,有一些特定的项,它们本质上描述了其中包含的内容。一些常见的例子是