可访问性检查可以帮助你优化你的网站。对于每一个访问者。通过考虑可访问性,你实际上是在考虑你的设计,文本和多媒体内容的使用,以及你网站的结构。万维网联盟(W3C)为您提供了一份可访问性检查列表。在这篇文章中,我将深入探讨主要的,优先级1的检查点,看看这些检查点如何应用到一个现代的(WordPress)网站上。
在我们深入之前,如果你想了解更多关于可访问性和其他必要的SEO技能,你应该检查我们全面的SEO培训!它不只是告诉你SEO:它确保你知道如何将这些技能付诸实践!!
可访问性检查
让我们从易访问性检查列表的最开始开始,并按我们的方式进行下去。
文本等价物
这实际上是一个相当广泛的检查,所以我知道为什么他们把它放在第一个。对于每个非文本元素,应该提供等效的文本。这不仅适用于图像,还适用于从图像映射区域、动画gif到独立音频文件和视频的所有内容。例如,这可以通过alt或longdesc标记来完成。对于你的YouTube视频,可以通过给你的视频添加封闭字幕来完成:
如果你的视频不太长,这并不难。顺便说一下,这适用于任何形式的多媒体演示。最简单的方法可能是在视频或powerpoint的正下方添加额外的文本,概述多媒体演示中的内容,这样屏幕阅读器在解释演示内容时就不会有任何困难。如果时间或观看时间存在问题(例如在在线测试中),请将文本与多媒体表示同步。
另外,当非文本部分发生变化时,一定要更改这些文本对等物。这似乎是合理的,但是不要忘记这样做。
注意你的颜色和对比
我们之前讨论过这个问题。有许多方法来检查对比度和颜色是否一起工作。快速测试:将你的网站转换成黑白。使用这段代码创建一个书签:
javascript:(函数(){var e = document.body; e.style.filter =“progid: DXImageTransform.Microsoft.BasicImage(灰度= 1)”,e.style.filter | | (e.style[“-webkit-filter”]=“灰度(1)”,e.style.filter =“灰度(1)”)}())
最近真正引起我注意的一件事是链接的数量只有不同的颜色,没有其他迹象表明一个词或句子是链接的。我可能有点怀旧,但有时我真的觉得我们应该同意在文本(文章、页面等)中的每个链接下划线。这已经产生了巨大的影响。
不知道如何创建书签?检查这个页面。在这篇关于易访问性工具的文章中,我提到了对颜色和对比的更深入的易访问性检查。
闪烁的
有些东西,如脚本,会导致监视器闪烁超过预期。实际上,我从来没有这样想过,但有些人有一个严重的问题,即自动播放的闪烁视频或过度使用gif动画,更不用说闪烁的文本。屏幕的突然闪烁(以一定的速率)可能会导致所谓的光电癫痫发作。
描述将会发生什么,并确保用户能够启用/禁用这种闪烁。
使用清晰简单的语言
显然,这不仅是为了可访问性,也是为了SEO和用户体验。我们插件中的Flesch Reading Ease评分可以帮助你写更好的文本。这实际上是我们在未来会增加更多关注的东西。
当然,你应该调整你的语言以适应你的观众。如果你处理的是像法律或政治这样的严肃话题,你的文章不应该这样写“This doggyfizzle television izzle gon’be off the hizzle, fo shizzle”。“适应你的听众,并让他们能够理解你的演讲。
“明显的”东西
有更多的优先检查点。让我用外行人的语言为你总结一下:
在HTML标记中添加适当的lang=声明,但在更改句子中间的语言时也要添加这些声明,als je begrijpt wat ik bedoel。在本例中,只需添加即可。不要忘记关闭该标记以返回原始语言。
如果您删除了样式表,您的web页面仍然是可读的。
使用客户端映像映射而不是服务器端映像映射。一个例外是当可点击区域处于某种奇怪的形状时。还记得我们在Dreamweaver中创建的图像映射吗?最好不要这样做:)
除此之外,图像映射还需要足够的文本链接来匹配服务器端图像映射的每个活动区域。更多可访问的图像地图请点击这里。
谁使用表格,对吧?我们大多数的博主都不知道,而且我已经很久没有见过内置表格的设计了(谢天谢地)。如果你需要一个表格,比如一篇科学文章,请确保:
标识行标题和列标题,以及