使用WordPress构建更多可访问的网站

如果你是一个网页设计师，你可能会看到术语“可访问性”。这是一件伟大的事情。该行业已经充分意识到需要确保每个人都能接触到我们的产品。 虽然一些地区(美国是一个主要例子)没有明确的无障碍法律，但实施它有很多很好的指导方针。因此，即使不一定有法律要求，也肯定有道德要求。更好的是我们有技术去做。

但是，如果您使用WordPress构建网站，那么在可访问性方面还存在一些额外的挑战。就其本身而言，WordPress是可访问的（尽管Gutenberg编辑器在该领域仍有一些工作要做）。

但是，我们不仅仅使用WordPress。我们将主题，插件和我们自己的自定义功能集成到一起。在确保我们的网站遵循最佳实践时，这可能会使水域变得混乱。

虽然我们不能抓住手指立即使一切都可以访问，但我们可以采取一些常识性的行动。以下是将可访问性放在WordPress网站最前端的一些技巧。

使用或构建可访问的主题

选择正确的主题不仅仅是外观或花哨的功能。由于它为用户与网站的互动方式提供了外观，因此必须从一开始就提供可访问性。在这里做出错误的决定，它类似于拥有一个有错误基础的漂亮房子。

如果您正在构建自己的主题，则该过程会更容易一些。由于您不依赖于第三方开发人员，因此您只能实现所需的功能并随时进行测试。

但对于那些寻找自由或商业主题的人来说，可能需要一些研究。您需要查找声称可访问的主题。麻烦的是许多主题要么没有提到这个，要么在涉及细节时非常模糊。

在这种情况下，尝试联系主题作者并找出他们做了什么（如果有的话）以确保主题不会妨碍屏幕阅读器或其他辅助技术。您可能还希望通过其中一个验证或模拟工具运行演示版本。然后，尝试通过键盘导航网站。

由于许多主题允许您选择颜色和排版，因此记住对比度和可读性也很重要。文字太小了吗？颜色是否提供足够的对比度以允许读取文本？这是你应该相对容易控制的东西。

网站建设

确定插件的效果

WordPress插件是另一个值得关注的领域。虽然有些人只是采用你的主题CSS，但其他人会添加他们自己的标记。此代码的可访问性和质量都可能有所不同。

这意味着，即使您的主题遵循最佳实践，错误的插件也可能导致意外问题。插件在您网站上的前端占用空间越大，它对可访问性产生负面影响的可能性就越大。

例如，页面构建器插件理论上可以在主题之外添加大量HTML，CSS和JavaScript。如果它没有考虑到可访问性，那可能是个问题。但这适用于任何注入自己标记的插件。

如果您无法避免使用这些类型的插件，那没关系。但建议您使用和不使用插件来运行测试以评估影响。您还可以使用Web浏览器的检查器工具来查明任何麻烦的代码。

网站建设

有现有网站吗？添加无障碍功能

对于已经在公共场所的网站，改造可能很困难。网站的年龄及其最初构建方式等因素可以在涉及多少工作中发挥作用。在某些情况下，全面改造可能不在合理的预算范围内。

当然，如果你在一个有很多挑战的网站上工作，可以为重新设计做出争论。这可能是最好的前进道路，因为您可以将可访问性作为主要目标。但也可以理解，这并不总是现实的。

在这些情况下，您仍然可以做一些事情：

做小的改进

也许那些重大的，无所不包的变化不会发生。相反，寻找可以毫不费力地改变的小事。例如，提高字体大小和增加行间距将提供更清晰的外观，并使您的内容更容易消费。颜色也一样。

其他可能性包括确保图像具有描述性ALT文本并且超链接具有:focus定义的状态。有许多小的变化可以增加用户体验。

为用户提供选项

使现有网站更易于访问的另一种方法是授权用户为自己做出一些选择。通过允许（在合理范围内）调整字体大小或颜色对比等内容，您可以帮助满足他们的需求。

一种简单且经济有效的方法是安装一个插件，例如WP Accessibility。它在方便的前端工具栏中添加了字体和对比度功能。此外，它还可以选择:focus为您的链接添加状态，为您的网页添加跳过链接以及其他好东西。

网站建设

意识是战斗的一半

因为WordPress平台提供了许多可能的外观和功能，我们经常认为这是理所当然的。选择一个主题或安装一个插件很容易，而不是三思而后行如何影响可访问性。然而，每个决定都有所不同。

只要意识到潜在的影响，我们就会成为更好的设计师。它鼓励我们采取额外的测试步骤，并更加了解我们使用的内容。

结果是我们开始将用户放在首位 – 在不可读的配色方案和影响可用性的特殊效果之前。一旦我们这样做，可访问性就成为我们默认构建的另一个功能。