如何让你的WordPress网站更容易访问

如何让你的WordPress网站更容易访问

当你启动一个WordPress网站时,你必须记住各种各样的访问者都会停下来。

更重要的是,并不是所有的网站访问者都能做一些简单的事情,比如移动鼠标,查看网站的配色方案,或听到视频内容。所以,如果你想在你的行业中建立一个稳固的声誉,提高转化率,做正确的事情,你将不得不关注WordPress的可访问性。

正因为如此,今天我们概述了最简单的方法让你的WordPress网站更容易访问,以便人们可以轻松地浏览您的网站-无论如何

让我们开始吧。

什么是WordPress可访问性?

WordPress可访问性意味着使你的网站及其内容对任何人可用所有用户,包括残疾人士。

不确定这是否适用于你的目标用户?

想想这个。根据国家服务包容项目在美国,仅美国就有4890万残疾人。在全球范围内扩展,你的网站访问者中有很大一部分可能会有某种障碍,影响他们以你想要的方式探索你的网站的能力。

无障碍网页计划使你的网站更容易访问将有助于以下人群:

  • 老年人
  • 有暂时残疾的人,包括丢失眼镜或断肢的人
  • 有视觉或听力障碍的人
  • 网速慢的人
  • 那些有情境限制的人,比如那些在明亮的区域访问网站的人,或者他们无法收听网站音频的环境
  • 那些有认知问题的人,比如阅读障碍,会影响一个人阅读书面内容的能力

在我们继续之前,举个例子Blinkee.com

糟糕的网页设计示例

在微小的字体和闪烁的灯光之间,有很多网站访问者将努力阅读内容,浏览网站,或者能够集中精力在任何重要的事情上超过几秒钟。

明白我们的意思了吧?网站的可访问性比许多人想要承认的重要得多。

但是你为什么要关心WordPress的可访问性呢?

你可能会想,你的WordPress网站一点也不像Blinkee.com。虽然这是件好事,但你还没摆脱嫌疑。

以下是关注网站可访问性的一些最令人信服的理由:

  • 残疾人士可能性降低三倍比起那些不上网的公司,你更倾向于上网,这意味着你失去了转化大量潜在客户的巨大机会
  • 谷歌和其他主要搜索引擎通过在搜索排名中排名更高来奖励可访问的网站
  • 已经有了成千上万的网页无障碍案例自2015年首次跟踪此类案件以来,这意味着您的网站可能面临诉讼风险

正如你所看到的,无论你有什么样的网站,你都会因为疏远你的目标受众而失去很多。

让你的网站更容易访问的技巧

1.测试WordPress站点的可访问性

在开始对网站进行任何更改以使其更易于访问之前,最好先看看它现在的可访问性如何。

这很容易使用工具,如网页易访问性评估工具(WAVE).有了它,你就可以评估你的网站的可访问性,只需输入你的网站的URL。

博客向导的WAVE结果新万博手机网页版

在评估之后,WAVE将显示不同的彩色图标,这些图标表示站点的某些部分是正常的,需要改进的,或者是实际的错误。如果你点击一个图标,你就可以看到需要修复的地方的详细描述。

2.仔细选择配色方案

打造你的网站品牌并在竞争中脱颖而出的最好方法之一就是使用特定的配色方案。但是,如果网站访问者是色盲或视力有限,他们就不能像他们应该的那样欣赏网站的颜色。

举个简单的颜色对比的例子:

颜色对比的例子

在第一张图片中很难看到文字,对吧?你甚至可能没有残疾来影响你看待这张照片的方式。

现在想象一下,你是世界上3亿色盲患者中的一员。

除了注意你的对比色方案,避免使用冲突的配色方案也很重要。只是因为对比不是这样可怕的,并不意味着颜色很搭。

为了帮助平衡你的WordPress网站的颜色,看看这个免费的在线工具叫做对比检查

对比检查

只需选择前景色和背景色,然后让工具来判断颜色是否平衡。如果不是,这个工具会告诉你:

对比度检查失败

3.使用WordPress辅助插件

如果你想让事情变得更简单,你可以使用一个专门的WordPress辅助插件来评估你的网站,并确保它对所有人都是可访问的。

其中一个插件是WP可访问性.这个插件可以帮助您识别WordPress主题中常见的可访问性问题,并修复它们以提高站点的可用性。

它的一些特点包括:

  • 从链接中删除目标属性
  • 从插入内容的图像中剥离标题属性
  • 添加文章标题的标准“阅读更多”链接
  • 添加标签的标准WordPress表单字段,如果没有
  • 从可聚焦的元素中删除tabindex
  • 显示两个十六进制编码值之间的颜色对比
  • 还有更多

此外,WP辅助功能将添加一个工具栏,用于在主题的高对比度、大打印和灰度视图之间切换,对所有图像强制执行alt属性,甚至将语言和文本方向属性添加到HTML属性中。

或者,您可以选择专用的辅助平台,例如accessiBe.这种平台的伟大之处在于它可以在WordPress之外工作。

4.使用易于理解的主题

如果你想避免从一开始就解决可访问性问题,你应该使用一个易于访问的WordPress主题。

当然,有时候说起来容易做起来难。也就是说,如果你浏览官方WordPress存储库,你可以找到一些很棒的(和自由!)使用易访问设计的主题。你要做的就是使用特性的滤波器并搜索标记为易于访问的主题。

org无障碍主题

然而,我们的推荐是Kadence.这个主题有一个免费版本,但一个高级版本也有额外的功能。

如果你为你的WordPress网站选择了一个易于访问的主题,你的网站将在导航、链接样式、配色方案等方面为所有用户做好准备。

5.为所有图像添加alt文本

为你的网站图片添加alt文本不仅仅是为了提高搜索排名。当然,图片上的alt文本可以让搜索引擎爬虫更好地了解你的网站,并帮助你在最相关的搜索结果中排名。

但是在图片中添加alt文本也会帮助那些有残疾的人在你的网站上有更好的用户体验。事实上,您添加到图像的alt文本允许那些残疾人士“阅读”您的图像,他们应该使用屏幕阅读器来帮助他们上网。

所以,添加alt文本到你的WordPress网站的所有图片。确保它们是描述性的,并包含关键字,这样屏幕阅读器就可以以有意义的方式阅读给用户。

6.让你的网站键盘友好

另一个很好的方法来满足那些残疾人士,使你的WordPress网站更容易访问是使你的网站键盘友好。换句话说,你的网站访问者应该能够通过以下网站元素:

  • 菜单项
  • 链接
  • 按钮
  • 表单字段

不确定你的网站目前是否键盘友好?要检查,你所要做的就是访问你的网站,看看你是否可以不用鼠标导航。相反,请单击选项卡按下按钮,看看会发生什么。

org在使所有用户都能访问它的网站方面做得很好。事实上,当你通过标签浏览网站时,你会看到一个虚线形式围绕着你标签到的每个菜单项。

关键字友好的示例

7.正确格式化表单字段

在字段框中放置表单字段标签很容易使您的网站看起来更有组织和干净。然而,一些屏幕阅读器无法识别和读取这些类型的标签。这使得那些依赖屏幕阅读器的人很难(如果不是不可能的话)查看和填写网站的表单字段。这也意味着转化率的损失,这可能会对你的成功造成严重破坏。

如果你严重依赖网站访问者注册赚钱或增加你的追随者因此,不让您的表单字段可访问会增加您疏远一些目标受众的机会。要解决这个问题,请在每个框外放置表单字段标签。

8.注意链接样式

虽然你为网站的超链接指定的颜色通常是为了品牌目的而选择的,但请记住,当涉及到超链接时,那些残疾人需要一个清晰的对比。

下面是一些有用的提示,可以让你的WordPress网站的链接更容易访问:

  • 避免在链接中使用“链接”这个词,因为屏幕阅读器会告诉用户链接指向什么
  • 不要将链接大写,因为它会使屏幕阅读器感到困惑,因为有时会逐字母阅读大写的文本
  • 避免在链接文本中使用url,因为屏幕阅读器会一个字母一个字母地阅读它,使用户很难跟上
  • 不要链接整个内容块;简短明了
  • 当链接在新窗口中打开时提醒用户,这样他们就不会迷路
  • 使用大量的锚链接时要谨慎(那些有残疾的人可能没有意识到他们只是在他们已经扫描过的页面上上下移动)
  • 下划线链接的文本,并使用一个单独的,悦目的颜色对比
  • 定期检查断裂或空链接

结束

最后,WordPress的可访问性比以往任何时候都重要。如今,人们用互联网做任何事情。从支付账单到社交,从预约到网上购物,人们生活的几乎每一个方面都可以在网上以这样或那样的方式处理。

为了确保你没有遗漏一部分目标受众,你最大限度地提高了网站的流量,让各行各业的人都能轻松地探索你所提供的内容,检查一下你的网站的可访问性。如果没有达到标准,做一些简单而快速的改变。这不仅会帮助你增加你的追随者或客户基础,这是正确的事情。


披露:这篇文章包含会员链接。这意味着如果您购买,我们可能会收取小额佣金。