在本文中,我将向您展示为什么让您的 WordPress 网站更易于访问如此重要,并介绍任何人都可以用来提高每个人的可访问性的简单工具。为什么?因为您的最终目标是让尽可能多的人访问您的网站。如果您不允许所有人访问您的网站怎么办?

此外,我们大多数人都致力于寻找神奇的方法来使用最新技术为我们的网站带来大量流量社交媒体营销策略和搜索引擎优化方法,但我们中的许多人忘记了:人们已经发现您需要能够轻松浏览您的网站。

这非常重要,因为就像在实体店中一样,人们的类型、形状和大小各不相同。最终,您希望那些花时间拜访您的企业的人花一些时间四处看看,花点钱,经常回来,最重要的是,将其他人带回他们身边。

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

什么是网站可访问性?

让我们花点时间了解一下我们在说什么。

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

所以我们实际上是在谈论消除障碍。这听起来可能很复杂,但实际上并非如此。例如,您网站中的障碍可以很简单,就像不为您的链接创建可见且有意义的标题(将显示为工具提示的文本)一样简单。

如果您是一名普通的互联网旅行者,突然对网页设计师和/或网站管理员没有努力使他或她的网站更易于浏览而感到沮丧,请想象一下有远见的人现在感到残疾。

他人眼中的互联网

您有没有想过智障或其他智力障碍或残疾的人浏览互联网会是什么样子?也许不会。我鼓励您现在花一些时间来做这件事,因为它可能会改变您从现在开始创建和运行网站的方式。让我们探讨许多网络用户面临的一些挑战:

  • 视力:包括失明、各种常见类型的低视力和视力不佳以及各种类型的色盲在内的障碍。

  • 运动/活动能力:难以或无法使用双手,包括震颤、肌肉迟缓、精细肌肉丧失,例如由于帕金森病、肌肉萎缩症、脑瘫、中风等。控制等.

  • 听力:耳聋或重听,包括听力有障碍的人。

  • 癫痫发作:由于视觉频闪或闪光效应引起的照片癫痫发作。

  • 认知/智力:发育障碍、学习障碍(阅读障碍、运动障碍等)和影响记忆力、注意力、发育“成熟度”、解决问题和逻辑技能等的各种原因的认知障碍.

好消息是,有许多为残障人士提供的辅助技术可以让他们享受网上冲浪的乐趣。作为网页设计师,您的工作是确保您的网站遵守这些技术正常运行的某些准则。

流行的互联网辅助工具

在辅助技术方面,以下是一些最常用的互联网辅助插件:

  • 屏幕阅读器软件使用合成语音来阅读计算机上正在发生的事情。

  • 将文本呈现为盲文字符的可刷新盲文显示器。

  • 屏幕放大软件可以放大显示器上显示的内容。

  • 将语音转换为文本的语音识别软件。

  • 键盘叠加层使打字更轻松、更准确

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

  • 来自基本辅助功能可以帮助那些在打字、移动鼠标​​或阅读屏幕时遇到困难的人。

现在您知道残疾人在阅读博客或了解什么是狡猾的动物(*提示*,它看起来像不同的刺猬)以及吃什么、或者只是在线购买完美的礼物,我们来看看一些可以帮助您实现完全无障碍网站设计的工具。毕竟,如果您的站点可供残障人士访问,请考虑它对每个人的访问程度。

如何选择可访问的 WordPress 主题

构建完全可访问的网站的第一步是选择可访问的主题。许多主题开发人员花时间学习 WordPress 主题辅助功能手册,所以最好的办法就是简单地询问作者主题是否已准备好辅助功能。

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

也可以输入以下位置 要查找可免费访问的主题 WordPress.org,只需单击页面顶部的主题菜单链接即可打开主题目录。寻找标题为“功能过滤器”的子菜单。旁边会有一点装备。点击那个。

这将打开许多选项供您在过滤搜索时从中进行选择。在“功能”下,单击最重要的功能 - 您猜对了 - Accessibility Ready。

然后,您可以选择任意数量的其他过滤器。在左侧,您会看到一个“应用过滤器”按钮,它会显示您应用了多少个过滤器。单击应用过滤器。请始终将手脚放在车内。

您现在已到达您的目标土地。请保持就座,直到车辆完全停止并且车门完全打开。然后选择一个主题。

重要的是要注意,仅仅因为主题被标记为“可访问性就绪”并不意味着它“完全”可访问。但是,如果主题开发人员在将他们的主题标记为可访问时遇到问题,那么他们很可能已经采取了一些措施。而且,如果您遇到任何问题,请告知他们,以便他们可以为其他用户更新主题。

(免费)无障碍WordPress插件解决方案

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

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

WP Accessibility Helper (WAH) 是另一个一体化选项,它包括许多有用的功能,例如跳过链接、字体大小调整、DOM 扫描、比较模式等。这是向站点添加大量可访问功能的快速方法。

您可能还需要查看其他一些内容以满足更具体的辅助功能需求。

Accessibility Fonts

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

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

Text-to-Speech

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

GSpeech 文本转语音解决方案是一个免费的音频无障碍选项。它可以获取页面上的任何文本并将音频块添加到您的站点。然后,您可以使用选项来更改颜色、扬声器声音等。

Forms

您可以使用以下插件轻松地使您的联系表单可访问性准备就绪 Contact Form 7:Accessible Defaults 和 WCAG Form Fields for Gravity Forms,或者只使用可访问的 Accessible out-现成的表单插件,例如 Powerful Forms。

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

测试您的网站的可访问性

创建网站后,最好测试您的更改.您可以使用多种方法和软件来测试可访问性,但有两种方法和软件可以简化测试。

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

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

结论

网站可访问性与简单地引导流量一样重要,甚至不那么重要到您的网站。既然您已经明白为什么确保到达那里的每个人都完全理解并浏览您网站上所有令人难以置信的娱乐性和信息性信息的重要性。

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