拥有一个可访问的网站意味着更多的人可以使用您的网站和您共享的信息。 在发表文章之前,您可以自己进行几项检查,以确保尽可能多的人阅读和理解您的文章。 您是否知道 Yoast SEO 和块编辑器(WordPress 中的默认内容编辑器)具有内置工具,可以警告您常见错误并帮助您测试内容? 这是您可以轻松检查的四项清单!
编写可访问的内容是为了确保您网站的所有访问者都可以访问和理解您的内容,包括有视觉或听觉障碍的人以及匆忙滚动您的内容的人。 当然,这足以提高您网站的可访问性。 但是搜索引擎(例如 Google)也强调您网站可访问性的重要性,正如您在阅读 这个帖子.
我们构建了 Yoast SEO 来帮助您优化和构建内容并提高可读性。 插件中的工具可帮助您编写可访问的内容,同时您正在努力改进网站的 SEO。 此外,WordPress 块编辑器允许您进行一些快速检查,以确保您不会意外地将访问者排除在欣赏您的内容之外。 让我们潜入。
1. 为媒体添加文本替代
您应该始终拥有重要媒体文件(包括图像、视频和音频)的替代文本。 如果没有替代文本,搜索引擎和有视觉或听觉障碍的访问者可能无法理解您的页面内容。
如何测试您的图像是否可访问
您应该首先检查您的内容是否包含可以删除并替换为纯文本的文本图像。 与纯文本相比,文本图像有几个缺点,使其不易访问。 您不能使用浏览器设置来调整文本或图像背景的大小或颜色。 因此,有视力问题、色盲或视觉障碍的人可能难以看到它。 图像还会增加页面的加载时间。 这俩 网页内容无障碍指南 和 谷歌 建议不要使用文本图像。
接下来,您要确保所有图像都有替代文本(又名 alt 标签)。 Yoast SEO 分析会警告您是否有缺少替代文本的图像,以及图像是否也缺少这些中的关键短语。
替代文本描述了图像的用途。 替代文本的长度取决于您的语言,但建议使用少于 125 个单词。
当替代文字不够用时
有时,您需要的不仅仅是替代文字来描述图像。 当您显示复杂的图表或地图时,请在正文中描述数据和结果作为图像的补充。 避免在替代文本中出现重复和冗余的信息。
阅读更多: 图片搜索引擎优化:如何优化替代文字和标题文字 »
为视频和音频辅助功能使用字幕和说明
如果您有产品的视频演示,您希望尽可能多的人可以使用它。 字幕将帮助有听力障碍的人更好地理解视频中的内容。 不要只依赖自动字幕,因为它们通常是不正确的。
如果视频显示了叙述者没有解释的基本信息,或者视频没有声音,则需要对有视力障碍的人进行描述。
如何上传视频的字幕
准备好视频字幕文件后,您可以将其直接添加到视频块中的视频中。
- 首先,添加一个视频块并选择您的视频。
- 接下来,在块工具栏中选择名为文本轨道的选项。
选择此选项可让您上传文件或从媒体库中选择它:
继续阅读: 如何为视频添加字幕 »
2. 让你的文字易于阅读
您是否曾经快速浏览网页,然后发现您必须返回并再次阅读一段才能理解它? 您可以按照以下建议使您的文本更易于阅读 Yoast SEO可读性分析.
使用短句和描述性标题可以使您的文本更容易被赶时间的人阅读。 但是您知道它也可以让有听力障碍的人更容易吗? 对于一些聋哑人来说,阅读文本意味着用第二语言解释它,因为他们的第一语言是手语。
如果您希望每个人都可以访问您的文本,您将希望保持 Flesch 阅读轻松度的高分,并避免使用复杂的单词。 有时,当您谈论某个主题时,很难让您的文字保持简单。 尽你最大的努力——如果你能让你的文字更容易阅读,它就会被更多的人访问。
继续阅读: Flesch 阅读轻松评分:为什么以及如何使用它 »
3. 查找并纠正标题问题
屏幕阅读器是一种通过大声朗读屏幕上的内容来帮助用户的程序。 有视力障碍的人可以在电脑和手机上使用屏幕阅读器,让文本更易于访问。 屏幕阅读器对于有阅读障碍的人也很有用。
使用屏幕阅读器的用户可以使用标题导航您的网页,以找到他们感兴趣的内容。 因此,标题应描述下面的内容,不应仅用于添加粗体或更大的文本大小等样式。
使用标题进行辅助功能的提示
- 标题有六个不同的级别,表明您的内容的重要性。
- 您应该只在页面上使用一次 H1 标题,而且大多数情况下,这将是您的页面标题。
- H1 后面应该跟一个 H2; H2 后面应该是 H3,依此类推。
- 如果您有多个具有相同重要性的部分,您可以使用多个 H2 标题(或更低)。
如何测试标题顺序是否正确
您可以使用块编辑器中的文档大纲功能来查看标题的顺序是否正确。 您可以通过单击编辑器上方工具栏中的信息图标从“详细信息”选项打开文档大纲:
如果您的页面标题顺序错误,文档大纲将用黄色背景和文本标记它们:标题级别不正确。 单击文档大纲中的标题将选择标题块,以便您可以更新它。
继续阅读: SEO 基础知识 如何在您的网站上使用标题 »
4.确保颜色有足够的对比度
您可以通过在您的网站上使用您的品牌颜色来加强您的品牌。 但是某些颜色组合可能会影响可访问性。 您可能已经知道,如果有人是色盲,则很难看出红色、紫色和绿色之间的区别。 因此,避免单独使用红色和绿色来显示错误消息或警报。
如果您在浅色背景上添加浅色文本,则文本可能难以阅读,如果文本较小,则更难阅读。
使用块编辑器颜色选择器,您可以检查您的背景颜色和文本颜色是否具有足够高的对比度以供访问。
如何使用颜色选择器检查颜色对比度
- 选择要测试的基于文本的块。
- 在块设置侧栏中打开颜色面板。
如果颜色对比度太低,您将看到一条警告,提示“这种颜色组合可能难以让人阅读”。
结论
对您的内容进行细微更改可以对您网站的可访问性产生积极影响,而且不需要很复杂。 SEO 和可访问性齐头并进; 当你改进一个时,你很可能同时改进两个。 您可能已经读过“搜索引擎是盲目的”这句话,但您应该始终首先为人们写作。
阅读更多: 如何提高网站的可访问性 »
Carolina 是 WordPress 核心团队的成员。 她的重点是可访问性和主题,她喜欢主题开发的各个方面。
接下来的是!