简介
在本课程中，我们将讨论如何测试内容的可访问性。如果您观看了该主题的第一课，您已经熟悉”可访问性”这个术语并了解其重要性。让我们回顾一下：数字可访问性是一个广义术语，确保尽可能多的人能够使用网络，无论是操作在线服务还是消费在线内容。虽然可访问性具有法律和商业影响，但重要的是要记住，这些准则承诺为每个人提供更好的浏览体验。保证网站可访问性的最简单方法是在设计和开发阶段就加以考虑。然而，基于区块的主题提供了极大的灵活性，能力越大责任越大。幸运的是，许多技术性可访问性问题通常可以通过自动化工具轻松检测和修复，例如正确的标题级别、颜色对比度、有意义的替代文本、链接文本等。具有讽刺意味的是，这些正是网络上最常见的可访问性缺陷。本教程将重点介绍如何扭转这一局面，向您展示如何在发布前测试创建的内容，并确保您的文章和页面可用。
WordPress内置辅助工具
WordPress在编辑器中包含两个内置的可访问性辅助工具：
1. 语义结构
点击”文档概览”然后选择”大纲”，检查您的标题是否正确排序。应从H2开始按降序延续至H6，不能跳过任何级别。WordPress会用浅橙色标记错误的标题级别，并在您使用不正确标题级别时发出通知。
2. 颜色对比度
如果您选择的文本和背景颜色组合未能提供足够的对比度，WordPress会发出警告，提示这种颜色组合可能导致阅读困难。尝试使用对比鲜明的背景和文本颜色来增强可访问性。修复这些问题后，您的网站就已经比互联网上大多数大型网站做得更好。要调整颜色对比度，选择相关区块（本例中为按钮区块），然后在右侧边栏设置中打开”样式”，在颜色选项下可以更改背景色和文本颜色以确保良好对比。
插件
接下来让我们探索几款可访问性插件：WP Tota11y、Sa11y和Editoria11y是功能相似的变体。
WP Tota11y
WordPress Tota11y是一款轻量级插件，可检查前端和编辑器中的常见可访问性问题，包括错误的标题级别、颜色对比度、不良链接文本、表单元素缺失标签以及图像缺失替代文本。该工具有个巧妙的实验性功能”屏幕阅读器魔杖”，可以模拟屏幕阅读器查看元素。您可以浏览每个类别的警告并查看建议修复，但建议在前端操作，因为在编辑器中检查整个浏览器窗口可能会造成混淆。
Sa11y
第二款Sa11y提供前端全面检查。您可以在设置中启用额外检查项，如可读性、高级链接、颜色对比度和表单标签，还能使用颜色滤镜测试页面在不同类型色盲用户眼中的显示效果。虽然错误会被明确标记，但描述较为宏观，修复方案也不够直观。Sa11y允许管理员在其高级设置页面定义和控制各种功能。
Editoria11y
Editora11y专注于内容和结构检查，不涉及颜色对比度等设计元素。启用后，它会在前端和编辑器显示警报，通知您文档大纲、标题级别、链接文本和目标（即”在新标签页打开”）以及图像缺失替代文本等问题。其目标是帮助作者和编辑发现常见问题，用通俗语言描述缺陷，提供修复建议，并允许用户隐藏无关警报。Editora11y还能生成报告，让管理员根据CSS选择器排除警报、跳过某些测试或包含特定元素。
Accessibility Checker
另外还有流行的Accessibility Checker插件，它在文章/页面编辑器窗口添加新板块，并在前端添加浮动按钮。该插件会显示错误摘要、详细说明（包括相关代码片段）、潜在修复方案以及忽略单个警报的选项。
操作系统应用与浏览器扩展
如果您想更进一步测试其他技术细节，可以采取以下措施：
1. 键盘浏览测试
不使用鼠标，仅通过键盘浏览网站。使用Tab键在链接、按钮和表单字段间导航，按Enter或空格键激活页面交互元素。记录需要修复的无功能元素和缺失的视觉指示器。
2. 色彩模式测试
更改设备配色方案，确保在黑暗模式或高对比度模式下页面显示和功能正常。
结语
总结来说，创建或维护内容的作者和内容管理者可以直接控制标题级别、文本大小、颜色对比度、链接、图像替代文本等关键方面。换句话说，您无需接触代码就能避免产生不可访问的内容。只需保持细心和同理心即可。