如何使您的 WordPress 网站更易于访问
已发表: 2020-05-05在启动 WordPress 网站时,您必须记住,各种访问者都会光顾。
更重要的是,并非所有网站访问者都能做一些理所当然的简单事情,例如移动鼠标、查看网站的配色方案或收听视频内容。 因此,如果您想在您的行业中建立良好的声誉、提高转化率并做正确的事情,您将不得不专注于 WordPress 的可访问性。
正因为如此,今天我们概述了使您的 WordPress 网站更易于访问的最简单方法,因此人们可以轻松浏览您的网站 -无论如何。
那么,让我们开始吧。
什么是 WordPress 可访问性?
WordPress 可访问性意味着让您的网站及其内容可供所有用户使用,包括残障人士。
不确定这是否适用于您的目标受众?
想想这个。 根据国家服务包容项目,仅在美国就有 4890 万人患有残疾。 将其扩展到全球,很可能您的网站访问者中有很大一部分存在某种障碍,影响了他们以您想要的方式浏览您的网站的能力。
Web Accessibility Initiative 指出,使您的网站更易于访问将有助于以下人群:
- 老人
- 有暂时残疾的人,包括丢失的眼镜或断肢
- 有视力或听力障碍的人
- 网速慢的人
- 那些有情境限制的人,例如在明亮区域或无法收听网站音频的环境中访问您的网站的人
- 那些有认知问题的人,例如阅读障碍,会影响一个人阅读书面内容的能力
在我们继续之前,以 Blinkee.com 为例:

在微小的字体和闪烁的灯光之间,有很多网站访问者难以阅读内容、浏览网站,或者无法在几秒钟内专注于任何重要的事情。
明白我们的意思了吗? 网站可访问性比许多人想要承认的重要得多。
但是你为什么要关心 WordPress 的可访问性呢?
您可能会想,您的 WordPress 网站看起来不像 Blinkee.com。 虽然这是一件好事,但你还不清楚。
以下是关注网站可访问性的一些最令人信服的理由:
- 残障人士上网的可能性是非残障人士的三倍,这意味着您错失了转化大部分潜在客户的巨大机会
- 谷歌和其他主要搜索引擎通过在搜索排名中排名更高来奖励可访问的网站
- 自 2015 年首次跟踪此类案件以来,已提交了数千起 Web 可访问性案件,这意味着您的网站可能面临诉讼风险
如您所见,无论您拥有什么样的网站,都会因疏远部分目标受众而损失很多。
使您的网站更易于访问的提示
1. 测试您的 WordPress 网站的可访问性
在您开始对您的网站进行任何更改以使其更易于访问之前,最好先看看它现在的可访问性。
这可以使用 Web 可访问性评估工具 (WAVE) 等工具轻松完成。 有了它,您只需输入您网站的 URL 即可评估您网站的可访问性。

经过评估后,WAVE 将显示不同的、颜色编码的图标,这些图标代表您网站中还可以、需要改进或实际存在错误的部分。 如果您单击一个图标,您将可以访问有关需要修复的内容的详细说明。
2.谨慎选择配色方案
为您的网站打造品牌并在竞争中脱颖而出的最佳方法之一是使用特定的配色方案。 但是,如果登陆您网站的网站访问者是色盲或视力有限,他们将无法像他们应该的那样享受您网站的颜色。
以这个简单的颜色对比示例为例:

很难在第一张图片中看到书面文字,对吧? 你甚至可能没有残疾影响你看到这张图片的方式。
现在想象一下,你是世界上 3 亿色盲患者中的一员。
除了注意对比色方案外,避免使用冲突的配色方案也很重要。 仅仅因为对比度并不可怕,并不意味着颜色搭配得很好。
为了帮助平衡您的 WordPress 网站的颜色,请查看这个名为对比度检查器的免费在线工具。

只需选择前景色和背景色,让工具确定颜色是否适当平衡。 如果不是,该工具会通知您:

3. 使用 WordPress 可访问性插件
如果您想让自己的事情变得非常轻松,您可以随时使用专用的 WordPress 可访问性插件来评估您的网站并确保所有人都可以访问它。
一个这样的插件是 WP Accessibility。 此插件可帮助您识别 WordPress 主题中的常见可访问性问题并修复它们以提高您网站的可用性。

它的一些功能包括:
- 从链接中删除目标属性
- 从插入内容的图像中剥离标题属性
- 在标准的“阅读更多”链接中添加帖子标题
- 如果缺少标签,则向标准 WordPress 表单字段添加标签
- 从可聚焦的元素中删除 tabindex
- 显示两个十六进制代码值之间的颜色对比
- 以及更多
此外,WP Accessibility 将添加一个工具栏,用于在主题的高对比度、大字体和灰度视图之间切换,对所有图像强制执行 alt 属性,甚至将语言和文本方向属性添加到 HTML 属性中。
或者,您可以选择专用的可访问性平台,例如 accessiBe。 这种平台的重要部分在于它可以在 WordPress 之外运行。
4.使用易于访问的主题
如果您想避免从一开始就修复可访问性问题,您应该使用可访问的 WordPress 主题。
当然,这有时说起来容易做起来难。 也就是说,如果您浏览官方 WordPress 存储库,您可以找到一些使用无障碍设计的很棒(而且免费! )的主题。 您所要做的就是使用功能过滤器并搜索标记为可访问的主题。

但是,我们的首选推荐是 Kadence。 这个主题有一个免费版本,但也有一个带有额外功能的高级版本。
如果您为您的 WordPress 网站选择一个易于访问的主题,您的网站将在导航、链接样式、配色方案等方面为所有用户准备好。
5.为所有图像添加替代文字
将替代文字添加到您网站的图像中不仅仅是为了提高搜索排名。 当然,图片上的替代文字可以让搜索引擎爬虫更好地了解您的网站,并帮助您在最相关的搜索结果中排名。
但是在您的图像中添加替代文本也将帮助残障人士在您的网站上获得更好的用户体验。 事实上,如果残障人士使用屏幕阅读器帮助他们浏览互联网,您添加到图像中的替代文本可以让他们“阅读”您的图像。
因此,将替代文本添加到您所有 WordPress 网站的图像中。 并确保它们具有描述性并包含关键字,以便屏幕阅读器可以以有意义的方式向用户阅读。
6. 让您的网站键盘友好
另一种迎合残障人士并使您的 WordPress 网站更易于访问的好方法是让您的网站对键盘友好。 换句话说,您的网站访问者应该能够浏览以下网站元素:
- 菜单项
- 链接
- 纽扣
- 表单域
不确定您的网站当前是否支持键盘? 要检查,您所要做的就是访问您的网站,看看您是否可以在不使用鼠标的情况下浏览它。 相反,单击Tab按钮,看看会发生什么。
WordPress.org 在使所有用户都可以访问其网站方面做得很好。 事实上,当您浏览网站时,您会在您选择的每个菜单项周围看到一个虚线形式。

7. 正确格式化表单域
将表单字段标签放置在字段框中以使您的网站看起来更有条理和干净是很诱人的。 但是,某些屏幕阅读器无法识别和阅读这些类型的标签。 这使得那些依赖屏幕阅读器的人很难(如果不是不可能)查看和填写您网站的表单字段。 这也意味着转换的损失,这可能会对您的成功造成严重破坏。
如果您严重依赖网站访问者注册来赚钱或增加您的追随者,那么不让您的表单字段可访问会增加您疏远一些目标受众的机会。 要解决此问题,请将表单字段标签放置在每个框之外。
8.注意链接样式
尽管您为网站的超链接指定的颜色通常是出于品牌推广目的而选择的,但请记住,在超链接方面,残障人士需要清晰的对比。
以下是一些有用的提示列表,可帮助您更轻松地访问 WordPress 网站的链接:
- 避免在链接中使用“链接”一词,因为屏幕阅读器会告诉用户链接指向什么
- 不要大写链接,因为它会混淆有时会逐字阅读大写文本的屏幕阅读器
- 避免在链接文本中使用 URL,因为屏幕阅读器会逐字阅读,使用户难以理解
- 不要链接整个内容块; 让它简短而甜蜜
- 当链接在新窗口中打开时提醒用户,以免他们迷路
- 使用大量锚链接时要小心(残障人士可能没有意识到他们只是在他们已经扫描的页面上上下移动)
- 为链接的文本添加下划线并使用单独的、赏心悦目的颜色进行对比
- 定期检查损坏或空链接
包起来
最后,WordPress 的可访问性比以往任何时候都更加重要。 这些天来,人们正在使用互联网做一切事情。 从支付账单到社交,从预约到网上购物,几乎人们生活的方方面面都可以通过一种或另一种方式在网上处理。
为确保您不会遗漏一部分目标受众,最大限度地提高网站流量,并让各行各业的人们轻松探索您所提供的服务,请查看如何可访问您的网站。 如果达不到标准,请进行一些简单而快速的更改。 它不仅可以帮助您扩大追随者或客户群,而且是正确的做法。
披露:这篇文章包含附属链接。 这意味着如果您进行购买,我们可能会收取少量佣金。
