WordPress 可访问性:让您的网站可供所有人使用

互联网已深入融入我们世界的运作方式，几乎涵盖所有领域:从教育和政治到商业和医疗保健.

在线浏览时，您可能首先会注意到网站的设计，然后是图形和内容元素.您可能没有想到的是 WordPress 可访问性.

对于您的企业网站，可访问性必须成为更高的优先级.

那么，什么是 WordPress 可访问性?

WordPress 可访问性是指使所有用户(包括残障人士，尤其是有视力障碍的用户)可以访问您的 WordPress 网站及其内容的做法.

许多网站经常为了美观的设计而牺牲 WordPress 的可访问性.虽然设计绝对重要，但您不想在功能上妥协太多.

作为一个品牌，您希望为所有用户(包括残障人士)提供积极的用户体验.此外，请务必记住，无障碍问题不仅限于残障人士.

Web Accessibility Initiative 指出，对您网站设计的某些更改可以使许多不同的人群受益:

• 使用小屏幕、不同输入模式等设备的用户.
• 老人
• 有"暂时性残疾"的人，包括四肢骨折或丢失的眼镜
• 有"情境限制"的用户，例如在明亮的地方或无法收听音频的环境中访问网站的用户
• 互联网连接速度较慢的人

为什么你应该关心 WordPress 的可访问性

当立法者希望修改和发展美国残疾人法案 (ADA) 时，走在前列以保护您自己和您的公司非常重要.

ADA 于 1990 年通过，旨在保护残障人士的公民权利免受歧视.它涵盖了广泛的主题，包括交通、电信、就业，甚至建筑规范，例如要求现代建筑有轮椅坡道(或类似功能).

因为法律是在数字革命真正起火之前通过的，立法者们寻求修改所使用的语言.他们特别关注"访问障碍"这个词，它最初是指物理障碍.我们的想法是将这一意义扩展到现在包括信息障碍，例如那些可以在线存在的障碍.

最近，有大量针对网站被认为无法访问的公司的案件.

迪士尼、Netflix 和 Target 已收到此类诉讼； Target 需要支付 600 万美元的损失.截至 2017 年，已有 751 起 ADA 和网络可访问性案件自 Seyfarth Shaw 律师事务所于 2015 年开始跟踪此类案件以来提交.其中 423 起案件仅来自 2017 年前八个月.大多数被告都是零售公司.

在您认为自己小到可以忽略那些围绕 WordPress 可访问性问题提起的诉讼之前，您还有许多其他原因需要对您的网站进行更改.

皮尤研究中心的一项调查显示，残疾人上网的可能性比没有残疾的同行低三倍.这种糟糕的在线展示可能与 71% 的残疾人离开网站 如果它无法访问，这是一种耻辱，因为残疾人代表 每年 7 万亿美元的可支配收入.由于设计问题，这是一个被拒之门外的巨大市场.

此外，符合可访问性还有 SEO 优势.Google 和其他搜索引擎提供商奖励符合可访问性的网站，以鼓励更多网站提高其可访问性.

让您的 WordPress 网站更易于访问

Web 内容可访问性指南 2.0 (WCAG).使用可访问的 WordPress 主题可以简化流程.

但是，如果您只想对当前的 WordPress 网站进行有限的更改，您可以考虑使用 WordPress 辅助功能插件，以及更改颜色、对比度、图像 ALT 文本、内容标题、文本替代项和更多.

安装 WordPress 辅助功能插件

您可以采取的最简单的第一步是安装和激活 WP 辅助功能插件.虽然如果不直接更改主题就无法解决大多数可访问性问题，但该插件提供了许多有用的功能，可以让 WordPress 可访问性走上正轨.

它的功能之一是能够启用跳过链接，这是允许用户直接跳到内容的内部页面链接.这对使用屏幕阅读器的人特别有用.它还允许您添加一个工具栏，允许有视力障碍的用户更改您网站的字体大小、对比度和灰度.

此外，它会从插入到内容中的图像中删除标题属性，大多数屏幕阅读器无法识别这些属性，而是经常阅读锚文本.

色彩对比

有超过 270 万色盲人 在世界上.这些人有以下三种色盲中的一种:完全色盲、双色视觉和色觉缺陷.为确保您的网站设计在使用或不使用颜色时都能正常工作，请注意颜色比例和对比度.

使用高对比度的颜色选项，例如黑色和白色，让您的网站更具可读性.WCAG 2.0 建议正文的对比度为 4.5:1.如果您的网站仍然需要更多风格，您可以依靠使用图案或纹理来进一步增加对比度.

图片替代文字

图像 ALT 文本描述了图像在页面上的外观和功能.

它最初旨在提高可访问性，因为屏幕阅读器无法在没有 ALT 文本的情况下解读图片.然而，它已被用作搜索引擎爬虫识别和识别目标关键字的 SEO 策略的一部分.

如果您习惯于使用 ALT 文本来将关键字填充到您的网站中，您将需要停止或至少修改您的流程，因为它会破坏使用屏幕阅读器的用户的体验.值得庆幸的是，清晰地描述图像(假设它与您的工作相关)最终仍应包含有用的关键字.一般来说，没有 ALT 文本比不相关的 ALT 文本要好.

内容标题

更多的人会浏览您的内容，而不是逐字逐句阅读.内容标题不仅可以让用户跳到他们最感兴趣的部分，而且标题还可以将大文本块分成更易读的部分，帮助屏幕阅读器确定每个部分的上下文.

替代文本

如果您的多媒体网站包含视频以及音频文件(例如播客和有声读物)，最好包含字幕或文字记录.这可以帮助聋哑人以及在公共场所无法大声播放媒体文件的人享受体验.

显式表单字段

在为您的网站创建表单时，出于美观的目的，可能很想将字段标签放在字段内.但是，某些屏幕阅读器无法访问字段内的文本.所以，保持简单，把表单标签放在表单域之外.

键盘可访问链接和菜单

有些人由于运动技能障碍而无法使用鼠标访问网站.他们依靠键盘来浏览网站，使用 Tab 键向前移动，使用 shift+tab 返回.

这些用户最常遇到的问题是下拉菜单上的顶部项目可访问，但子菜单不可访问.您可以通过分配快捷方式或访问键功能来解决此问题.例如，按"1"将带您到主页，按"2"到关于页面，依此类推.

测试 WordPress 可访问性

如果您不确定 WordPress 可访问性的质量，您可以进行测试.

尽管 Web Accessibility Initiative 不认可任何特定工具，但您可以找到 他们网站上的无障碍工具列表.尝试其中的几个，看看您的网站是如何堆积起来的.Google Chrome 扩展程序，网络可访问性评估工具 (WAVE) 是另一种评估网站可访问性的方法.

网站在无障碍方面做得很好的例子

有很多网站的设计都经过精心设计并具有可访问性.2018 年平昌冬奥会的网站 就是这样一个网站的例子，它只有两个错误和 264 个正确标记的元素.Apple 做得更好，仅获得一个 WAVE 错误.

最后的想法:WordPress 可访问性:让您的网站可供所有人使用

互联网在我们生活的几乎每个方面都根深蒂固，从购物和社交，到与​​医疗保健专业人员的约会和工作.不受残疾的影响，绝大多数用户很容易将他们能够轻松浏览互联网视为理所当然.

然而，不仅是为了赶在法律可能发生的变化之前，而且只是为了确保为所有潜在访问者提供更好的用户体验，设计或修改您的网站时考虑到可访问性是很重要的.除了向这些人敞开大门之外，您还将通过遵循 网络内容可访问性.

您如何将可访问性融入您的 WordPress 设计中?在评论中告诉我们！