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