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

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

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

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

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

那么,我们开始吧。

什么是WordPress可访问性?

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

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

想想这个。根据国家服务包容性项目在美国,仅在美国就有4890万残疾人。如果将其扩展到世界范围,那么很有可能你的网站访问者中有很大一部分会受到某种程度的损害,影响他们以你想要的方式浏览你的网站的能力。

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

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

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

糟糕的网页设计例子

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

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

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

你可能会想,你的WordPress网站看起来一点也不像Blinkee.com。虽然这是一件好事,但你还没有摆脱困境。

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

  • 残障人士三倍的可能性比起那些不上网的,这意味着你错过了转化大量潜在客户的巨大机会
  • b谷歌和其他主要的搜索引擎通过在搜索排名中排名更高来奖励那些可访问的网站
  • 已经有了数以千计的网页无障碍案例自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资源库,你可以找到一些很棒的(和自由!)使用无障碍设计的主题。你要做的就是使用特性的滤波器搜索标记为可访问的主题。

可访问的主题

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

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

5.将所有文本添加到所有图像

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

但是在图片中添加所有文本也会帮助那些残障人士在你的网站上获得更好的用户体验。事实上,如果残障人士使用屏幕阅读器上网,你添加到图片中的所有文字都可以让他们“阅读”你的图片。

所以,将所有文本添加到WordPress站点的图像中。确保它们是描述性的,并包含关键字,这样屏幕阅读器才能以一种有意义的方式阅读给用户。

6.让你的网站键盘友好

另一个迎合残障人士的好方法是让你的WordPress网站更容易访问,让你的网站键盘友好。换句话说,您的网站访问者应该能够通过以下网站元素进行标签:

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

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

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

关键字友好示例

7.正确格式化表单字段

在字段框中放置表单字段标签,使您的站点看起来更有条理和干净,这是很诱人的。然而,一些屏幕阅读器不能识别和读取这些类型的标签。对于那些依赖屏幕阅读器来查看和填写站点表单字段的人来说,这即使不是不可能,也是很困难的。这也意味着转换的损失,这可能会对你的成功造成严重破坏。

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

8.注意链接样式

虽然您为站点超链接分配的颜色通常是出于品牌目的而选择的,但请记住,当涉及到超链接时,残疾人需要一个清晰的对比。

这里列出了一些有用的技巧,可以让你的WordPress网站的链接更容易访问:

  • 避免在你的链接中使用“链接”这个词,因为屏幕阅读器会告诉用户链接指向什么
  • 不要大写链接,因为它会混淆屏幕阅读器,它们有时会逐字阅读大写文本
  • 避免在链接文本中使用url,因为屏幕阅读器会逐字读取,使用户难以理解
  • 不要链接整个内容块;简短而甜蜜
  • 在新窗口中打开链接时提醒用户,这样他们就不会迷路
  • 在使用大量锚链接时要小心(那些有残疾的人可能没有意识到他们只是在他们已经扫描过的页面上下移动)
  • 给链接的文本加下划线,并使用单独的、悦目的颜色来形成对比
  • 定期检查断开或空链接

结束

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

为了确保你没有漏掉一部分目标受众,最大化你网站的流量,让各行各业的人都能很容易地探索你所提供的东西,检查一下你的网站的可访问性。如果没有达到标准,做一些简单而快速的改变。这不仅会帮助你扩大你的追随者或客户群,而且是一件正确的事情。


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