朔州公司网络建设:如何通过可访问性测试评估(并改进)您的网站

2019.05.27 朔州公司网络建设

184

很多人认为能够浏览网络是理所当然的。当然,如果你没有受到任何损伤,浏览现代网站是一个简单的事情。问题是,并不是每个人都以同样的方式体验网络。更重要的是,一些障碍使得浏览网站比你想象的更复杂。

如果您希望尽可能多的人能够享受您的朔州公司网络建设网站,无障碍测试是必要的。在本文中,我们将更多地讨论可访问性测试的重要性。然后,我们将教你如何评估你的网站分四个步骤。我们开始工作吧!

为什么可访问性测试很重要

 

你的网站越容易访问,所有类型的用户就越容易浏览它。

无障碍测试是对您的网站进行评估以确保其可供残疾人使用的过程。例如,如果您使用的调色板使色盲个人难以导航您的网站,适当的可访问性测试应该检测到它。

可访问性测试的主要目标是确保尽可能多的人可以享受您的网站。然而,这并不是一种完全利他的追求,因为你也从中受益。以下是如何:

· 它使您能够接触到您本来无法达到的用户。更好地优化您的网站是为残疾用户,你可以接触到更多的人。这些观众可以加起来,即使他们在人口中所占的比例很低。

· 它显示出专业精神。当谈到可访问性时,并不是很多人会走额外的一英里。这意味着您所做的任何改进都表明您致力于提供更好的体验。

在大多数情况下,不可能为每个人创建一个可访问的网站。然而,它是可以通过对你网站的设计做一些简单的调整来提高很多人的体验。

在深入研究细节之前,我们建议您先看看Web内容可访问性指南(WCAG)合在一起万维网联合会(W3C)。如果您不熟悉W3C,这是一个致力于开发Web标准以获得更好体验的国际社会。

公平地说,WCAG可能有点枯燥,但是花一些时间来研究它是了解更多可访问性标准的最好方法。在下一节中,我们将介绍几个具体的步骤来测试和提高您的网站的可用性,并解释为什么它们是必要的。

如何使用可访问性测试评估(并改进)您的网站(分4步)

有许多在线工具,您可以使用快速测试您的网站是否符合WCAG。然而,这些类型的工具遗漏了很多您只能通过彻底测试才能发现的东西。它们是极好的起点,但使用它们并不构成适配可访问性测试考虑到这一点,让我们进入细节。

第一步:测试你的网站是否有色觉受损的问题

由于身体上的问题,人口中有相当一部分人很难区分不同的颜色。这种残疾被称为色盲,在男性中更为普遍。

正如你可能想象的那样,色盲在某些情况下会使浏览网站变得困难。例如,人们经常在网页设计中使用对比来突出页面中的基本元素。色盲的人可能看不出有什么不同,这取决于你使用的颜色。在一些极端的情况下,人们可能只能在灰色的阴影中感知事物,这就是所谓的“完全单色化”。

自然,围绕完全单色色差的设计几乎是不可能的。你能,会,可以做的是优化你的网站,所以它可以访问最常见的色盲形式,目标是红色和绿色,其次是蓝色和黄色。您的第一步应该是使用一个工具,例如顶色盲滤波器,它使您能够以色盲个人的身份呈现您的网站:

 

若要使用该工具,只需将要测试的URL粘贴到键入URL盒、箱(子), 然后从菜单右边选择一个过滤器。这包括三种不同类型的色盲的选项,以及一种全捕捉选项:

 

为了获得最好的结果,您需要使用每个过滤器分别呈现正在测试的页面。然后,检查您的页面中是否有任何元素对于特定的色盲形式的用户来说更难识别。如果您发现有一些元素需要重新工作,那么使它们更容易访问的关键是简单地增加它们的对比度,这通常可以归结为选对颜色.

步骤2:检查影响一般视力受损用户的问题

有很多视觉障碍与颜色无关。例如,近视眼会造成远视物体的困难,使它们看上去模糊不清。另一方面,白内障会使你的视力变得浑浊,就像你正透过结霜的窗户观看。

如果你不能专注于基于距离的元素,你可以优化一个网站的设计,以考虑到这一点(在合理的范围内)。另一方面,如果你患有妨碍视力的疾病,那就更难处理了。

然而,没有太多的工具可以用来模拟体验一个朔州公司网络建设网站的感觉,就好像你有远见卓识。我们最喜欢的是铬扩展调用诺菲,它使您能够在所看到的每一页上放置筛选器,并尽可能地调整它们:

 

坏消息是,没有任何其他工具能像NoCoffee那样为其他浏览器打包更多的功能。不过,谷歌Chrome可供所有主要平台使用,其开发工具总是派上用场。

安装扩展后,可以单击菜单上的图标,然后启用模糊过滤器。这样,你就可以实际体验那些有远见卓识的用户在访问你的网站时所看到的东西。在大多数情况下,只有两件事可以改善他们的经验:

1. 更好地利用对比,就像我们在第一步中讨论的那样。

2. 增加你的字体大小,这样你的文字就更容易阅读,甚至对视力有缺陷的人来说也是如此。

当然,只有到目前为止,当涉及到文本大小之前,它会对你的网站的设计产生负面影响。例如,在这个截图中,您可以看到我们的博客文章的标题,但看不到它们的概要:

 

我们能增加这些文本大小,但是有一个限制和递减的回报。虽然这涵盖了基于文本的问题,但我们只剩下图像-让我们进入下一步。

步骤3:添加描述性的“Alt” 为视障用户提供图像属性

ALT 属性-或“标签”-描述图像内容的元素。搜索引擎可以利用这些信息来找出图像是关于什么的。和更好地理解它周围的内容。

更重要的是,ALT 文本使视障用户能够理解内容中的图像。有几种浏览器为这种类型的用户量身定做在大多数情况下,他们会大声朗读材料,这样人们就可以依靠自己的耳朵而不是眼睛。

简而言之,添加到文章和页面中的任何图像都应该包括描述性的。ALT标签。以这朵花为例:

 

如果你匆匆忙忙的话,你只需键入“一朵花”就行了。 作为图像的ALT标签。然而,选择“田野中央的一朵红花”要好得多。当然,也存在着描述性太强的问题,在某些情况下,一个简短的ALT标记就足够了。不过,一般来说,较长的描述会改善视障使用者的体验。

正如您可能知道的,WordPress使您可以轻松地调整图像的ALT标记。只需从媒体库或文章或页面中选择图像,然后单击其编辑纽扣。在下一个屏幕上,查找ALT文本字段,并键入您的描述:

 

现在保存这些更改,您就都准备好了。记住-这是一个过程,你需要通过每个图片在你的网站。这似乎是很多工作,但随着时间的推移,它将成为第二天性。

第四步:回顾你的视频字幕

到目前为止,我们的注意力完全集中在视觉障碍上,因为大多数网站都是通过眼睛来消耗的,可以这么说。然而,如今网站在其网页中使用视频内容已经司空见惯,这就引出了必须处理听觉障碍的问题。

在大多数情况下,为视力受损的人优化视频是你力所能及的。但是,你能,会,可以做的是确保您的音频是容易理解的。您的一些用户可能听力不佳,在这种情况下,您将需要诉诸字幕。

在视频中添加标题是确保听力受损者仍能从你的内容中获得最大利益的最有效的方法。然而,它可以是很多工作,以说明,甚至简短的视频。如果这是你做不到的事情,你可以尝试一些特性,比如YouTube的封闭字幕工具:

 

当然,如果你看过任何视频字幕功能。你就会知道技术并不完美。但是,如果替代方案没有任何标题,则这是一个有效的选项。如果你把你的视频上传到YouTube上,WordPress就可以将它们嵌入到你的网站上,只需将它们的链接粘贴到你的帖子和页面中的任何地方:

 

这样,您的用户可以选择打开封闭字幕,如果他们需要的话。但是,请记住,如果您的许多内容是围绕视频,这将是明智的开始研究专用字幕选项。这样,您将确保您的内容被准确地表示和听力受损的用户可以享受它。

结语

可访问性不是很多人在网站设计时考虑的问题。但是,如果您想要为用户提供最佳体验,这是需要考虑的一个重要因素。另外,让你的网站更容易使用不仅会使残疾用户受益,还会使你的整个受众受益。

深入进行可访问性测试的最有效方法是检查WCAG所以你知道你应该瞄准什么。然后,按照以下四个基本步骤来解决您可能遇到的主要可访问性问题:

1. 测试你的网站有色觉障碍的问题。

2. 检查可能影响具有一般视力障碍的用户的问题。

3. 向图像添加描述性ALT属性。

4. 检查你的视频的字幕。

关于如何使您的网站更容易访问,您有什么问题吗?让我们在朔州公司网络建设下面的评论部分讨论它们吧!

 


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP