打破障碍:为什么 WordPress 网站可访问性是关键

在这篇文章中,我将向您展示为什么让您的 WordPress 网站更易于访问如此重要,并介绍任何人都可以使用的简单工具来增加可访问性 每个人。 为什么? 因为您的最终目标是让尽可能多的人访问您的网站。 如果您不让所有人都可以访问您的网站,您怎么能期望这样做呢?

此外,我们大多数人都专注于寻找神奇的方法,使用最新的社交媒体营销策略和 搜索引擎优化 方法,但是我们很多人忘记的是: 已经发现您需要能够轻松浏览您的网站的人。

这是 极其 很重要,因为就像在实体商业环境中一样,人们有各种类型、形状和大小。 最终,您希望那些花时间参观您的机构的人花一些时间环顾四周,花一些钱,经常回来,最重要的是,带其他人回来。

如果您以前对网站可访问性不感兴趣,那么您现在应该感兴趣。 话虽如此,让我们开始吧!

什么是网站可访问性?

让我们花点时间来理解我们在说什么。

网站可访问性 指消除妨碍残疾人与网站互动或访问网站的障碍的做法。 当网站设计、开发和编辑正确时,所有用户都可以平等地访问信息和功能。

所以我们真的在谈论消除障碍的做法。 这听起来可能很复杂,但事实并非如此。 例如,一个 屏障 在您的网站中,可以简单到不为链接创建可见且有意义的标题(即显示为工具提示的文本)。

如果你是一个普通的互联网旅行者,但你突然对网站设计师和/或网站管理员缺乏一点努力使他或她的网站更易于浏览感到失望,想象一下一个有远见的人残疾是现在的感觉。

别人眼中的互联网

你有没有想过对于一个感官受损或其他精神或身体残疾的人浏览互联网是什么感觉? 可能不是。 我鼓励您现在就花一些时间这样做,因为它可能会改变您从现在开始创建和运行网站的方式。 让我们探讨一下许多网络用户面临的一些挑战:

  • 视觉的: 包括失明、各种常见类型的低视力和视力不佳、各种类型的色盲在内的损伤。
  • 马达/机动性:例如由于帕金森病、肌营养不良、脑性麻痹、中风等疾病导致的手部困难或无法使用,包括颤抖、肌肉迟缓、精细肌肉控制丧失等。
  • 听觉: 耳聋或听力障碍,包括有听力障碍的人。
  • 癫痫发作:由视觉频闪或闪光效果引起的照片性癫痫发作。
  • 认知/智力:发育障碍、学习障碍(阅读障碍、计算障碍等)和各种来源的认知障碍,影响记忆力、注意力、发育“成熟度”、解决问题和逻辑能力等。

好的 新闻是有很多 辅助技术 可供残障人士使用,使他们能够享受网上冲浪的乐趣。 作为网站设计师,您的工作是确保您的网站遵守某些准则,使这些技术能够发挥作用。

流行的互联网辅助工具

说到辅助技术,以下是一些常用的最流行的互联网可访问性插件:

  • 屏幕阅读器软件 它使用合成语音来读出计算机上正在发生的事情。
  • 可刷新的盲文显示器 将文本呈现为盲文字符。
  • 屏幕放大软件 放大显示器上显示的内容。
  • 语音识别软件e 将语音转换为文本。
  • 键盘覆盖 使打字更容易和更准确

是的,甚至还有一个应用程序:

  • 免费的辅助技术来自 基本可访问性 帮助打字、移动鼠标​​或阅读屏幕有困难的人。

既然您了解了残障人士在阅读博客或了解针鼹是什么(*提示* 它看起来像一只额外的刺猬)以及它喜欢吃什么,或者只是购买完美的礼物时所面临的问题在线,我们可以查看一些工具,这些工具可以帮助您实现完全可访问的网站设计。 毕竟,如果您的网站可供残障人士正确访问,那么想想它对您来说是多么容易 每个人 导航。

如何选择可访问的 WordPress 主题

一个完全可访问的网站的第一步是选择一个可访问的主题。 许多主题开发人员正在花时间实施 WordPress 主题可访问性手册,因此您最好的办法是简单地询问作者某个特定主题是否已准备好可访问性。

WAVE 可访问性测试

例如,在 WPExplorer,我们一直与 夏威夷大学 使 总 WordPress 主题 更容易获得。 想看看吗? 如果您通过 WAVE 网络可访问性评估工具 您可以看到他们如何实现主题的功能,以使他们的网站可供所有学生使用。

WordPress.org 主题目录

您还可以在以下位置找到免费的可访问主题 WordPress.org只需点击 主题 页面顶部的菜单链接以打开主题目录。 查找标题为的子菜单 特征过滤器. 它旁边会有一个小齿轮。 点击那个。

这会在过滤搜索时打开大量选项供您选择。 在下面 特征,点击顶部的特征——你猜对了—— 可访问性就绪.

WordPress.org 主题目录可访问性过滤器

然后,您可以根据需要选择任意数量的其他过滤器。 在左边,你会看到 应用过滤器 按钮,它将显示您应用了多少过滤器。 点击 应用过滤器. 请始终将手和脚放在车内。

WordPress.org 可访问性就绪主题

您现在已经到达目的地。 在车辆完全停止并且车门完全打开之前,请保持坐姿。 然后选择一个主题。

需要注意的是,仅仅因为一个主题被标记为 可访问性就绪 并不意味着它是“完全”可访问的。 但是,如果主题开发人员不小心将他们的主题标记为可访问,那么他们很可能在这方面做了一些工作。 如果您确实遇到任何问题,请让他们知道,以便他们可以为其他用户更新主题。

(免费)可访问性的 WordPress 插件解决方案

WP可访问性

也许您正在构建自己的 WordPress 主题,或者您想使用任何您想要的主题。 没有恐惧。 关于 WordPress 世界的令人惊奇的事情之一是数以万计的插件的可用性。 每当您需要某些东西时,通常都有一个适合您的插件。

我个人的选择是 WP可访问性,它附带了各种工具,可帮助您找出并消除您在使用 WordPress 主题时可能遇到的许多常见可访问性问题。 它需要很少的专业知识和最少的设置。

WP 无障碍助手 (WAH) 是另一种多合一选项,其中包括许多有用的功能,用于跳过链接、字体调整大小、DOM 扫描、对比度模式等。它是一种快速向您的网站添加许多可访问功能的方法。

您可能想要结帐的其他人可以满足更具体的可访问性需求。

无障碍字体

辅助功能小部件 为您的侧边栏创建一个字体大小切换器小部件。 这样,您网站上的读者可以根据自己的需要轻松更改文本大小。

更容易阅读的第二个选项是 Zeno 字体调整器. 该插件允许站点管理员设置字体调整大小选项(最小和最大大小、增加时调整大小的步骤和字符)以及 cookie 持续时间。 这样,用户在返回您的网站时将看到正确大小的字体。

文字转语音

对于视障读者来说,有音频选项是必须的。 我喜欢的一个插件是 演讲者 – Page to Speech. 该插件可以为您的帖子和页面创建音频版本。 最重要的是,该插件提供 190 种人类品质的声音可供选择,支持 30 多种语言,并且适用于大多数主题。

GSpeech 文本转语音解决方案 是音频可访问性的免费选项。 它适用于您页面上的任何文本,并向您的网站添加音频块。 然后,您可以使用选项来更改颜色、扬声器声音等。

形式

您可以使用插件轻松地使您的联系表单可访问性做好准备,例如 联系表 7:可访问的默认值重力表格的 WCAG 表格字段,或者简单地使用可访问的现成表单插件,例如 Formidable Forms。

除此之外,还有许多其他有用的工具和插件可用于帮助解决与网站可访问性相关的各种不同问题。 这是一个很棒的页面 查看推荐的开发工具的完整列表。

测试您的网站可访问性

创建网站后,测试您的更改可能是个好主意。 您可以使用许多方法和软件来测试可访问性,但有一些可以使测试变得容易。

WAVE 网络可访问性评估工具

我们在本文中已经提到的一个是 WAVE 网络可访问性评估工具 通过 WebAIM。 这个有用的工具会显示任何错误、警报、特征、结构元素、ARIA 标签和对比度错误,以便您进行相应调整。

Equalize Digital 的可访问性检查器

但是对于 WordPress 用户来说,一个更好的工具是 可访问性检查器 由 Equalize Digital 创建的插件。 这个免费插件会扫描您的内容,以便在编辑时提供实时警告通知。 这样,如果新帖子或页面符合 WCAG,您就可以正确查看。 检查器还显示负责触发通知的代码部分,以便您(或您的 Web 开发人员)可以根据需要进行调整。 如果你升级到 专业版,您还可以扫描自定义帖子类型、访问未解决的问题列表、记录忽略的问题、设置用户角色访问可访问性忽略功能并为您的网站创建可访问性声明。

tota11y 无障碍工具

开发人员的另一个工具是 总计11y,由可汗学院开发的可访问性可视化工具包。 只需将此 JS 文件添加到您的站点即可启用辅助工具,该工具显示在屏幕底部的一个小眼镜图标选项卡中。 只需单击即可查看页面上的可访问元素以及您可能想要修复的错误或违规行为。

结论

网站可访问性同样重要,如果不是的话 更多的 因此,不仅仅是将流量引导到您的网站。 现在您可以理解为什么必须确保到达目的地的每个人都能够充分理解和导航所有令人难以置信的娱乐性和信息性信息 你的网页.

你还在等什么? 借此机会立即让您的网站更易于访问!

  优秀作品集网站的 8 个特征

类似文章