易于使用的可访问性工具766彩虹岛

你的网站为有视觉障碍的人准备好了吗?你有没有试过不用鼠标在自己的网站上导航?只是我在我的文章中问你的一些问题。在Joost最近的一篇关于谷歌网站管理员指南更新的文章中,他解释说,这些新的指南也更关注可访问性。可访问性的确很重要,对谷歌来说显然也是如此。在本文中,我将向您展示一些简单的工具,您可以使用这些工具使您的网站对更多的访问者具有可访问性。

在我们深入之前,如果你想了解更多关于可访问性和其他必要的SEO技能,你应该检查我们全面的SEO培训!它不只是告诉你SEO:它确保你知道如何将这些技能付诸实践!!

WordPress的可访问性

如果你使用的是WordPress,有一个完整的团队致力于让每个人都可以使用WordPress。在我看来,这个团队正在努力为可访问性和改进WordPress做出相应的努力。

我和这个团队的一些成员进行过几次对话,例如在wordcamp和Slack期间。有一件事永远是这些对话的一部分:为可访问性提出理由。可访问性,在我看来,很多时候会被认为是可能的“额外的”,大约10%的网站访问者会遇到某种可访问性问题,比如对比度或字体太小。如果你遵循可访问性指南,你的整个网站将为你的所有访问者改善。

可访问性工具

在本文中,我将介绍这些非常容易使用的可访问性工具,并向您展示如何在您的网站上使用这些工具。明显要测试的是标题、对比和描述性链接的使用。

使用标题

标题和SEO价值?这还有待商榷。尽管有些人已经声称标题的SEO价值是零到零,我们只是还不确定。但是说到可访问性,标题非常重要:

标题通过标记每一个内容部分并指出这些部分的相对重要性,为页面增加了结构和意义。

当然,这与用户体验非常相关,而不仅仅是可访问性。不仅仅是针对有某种残疾的人,而是针对你网站的每个访问者。确保你的标题是描述性的,并以正确的方式嵌套。不要仅仅使用标题作为设计元素(“这是我知道的唯一扩大我的文字的方法”)或者影响搜索引擎优化(“我使用所有的H1标题,这使得它对谷歌非常重要”)。第一个是一个简单的懒惰的解决方案,而第二个就像上面提到的那样,已经没有那么多的道理了。

易于使用的工具,以测试标题结构在您的网站:Quix。这个工具就像是我们网站评论的瑞士军刀。你可以使用各种各样的命令来测试所有的东西,但我们使用最多的是seo, h和seocss。最后一个会显示网页上所有的标题:

可访问性工具:标题测试示例

即使在我们无法阅读的页面上,这个小辅助工具也能让我们检查标题结构。正如你所看到的,这个网站的内容部分是在右边的,但是左边的侧边栏使用的是相反的结构。(第一个H2比H1)。

阅读更多:标题和为什么你应该使用它们

对比

有很多方法可以测试一个网站的对比。相比之下,我们指的是文本的颜色在其背景上的可读性。用黑色涂白色,显然是安全的。但是很多网站会为边栏或特定部分改变这些颜色,或者在图片上使用文字,比如在滑动条中。

以前我自己建网站的时候,我经常使用Lea Verou的对比度工具:

可访问性工具:对比比率计算

它给出了一个基于W3C对比指南的对比比率评分,该指南认为4.5:1是可以的。顺便说一下,白色背景上的黑色文字的比例是21:1。

Lea Verou的测试工具只是测试对比。如果你想玩玩的对比找到这如何影响访问例如色盲的人,您可能需要检查颜色对比分析仪(Windows / Mac)检查水平和前景/背景对比让你预览设计时可能会被色盲的用户。如果你用的是Mac电脑,这个由Michel Fortin设计的小对比工具也很棒:Sim Daltonism。像色彩对比分析仪,它允许你悬停一个网站和测试一些色盲变化:

辅助工具:sim daltonism在行动

易于使用和快速,我在我的Mac上安装了Sim Daltonism。

我想在这里提到的另一个可访问性工具叫做SEE。这是一个相当令人头疼的Chrome扩展,它可以让你浏览一个网站,就像不同色盲的访问者所浏览的一样,也可以让你浏览患有青光眼或青光眼的访问者所浏览的网站

滚动至顶部