全球主机论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 209|回复: 0

提高WordPress网站可访问性的十种方法

[复制链接]
发表于 2018-5-3 16:32:55 | 显示全部楼层 |阅读模式
今天,我们不妨设想下自己在访问网站时遇到了困难,而困难的原因不在于您使用的浏览器,也不在于您编程的代码,而是出于医疗,机体或认知上的局限。在这篇文章里,网站可访问性是指通过网站内容为所有用户提供无缝体验的做法。(香港云主机 https://cn.bluehost.com
1. 使用合适的字体大小
您是否在智能手机或笔记本电脑上访问网站时,因为网站字体太小需要放大页面?在搭建网站时,您应该注意网页的字体大小。这不仅仅是为了视觉障碍患者,同样是为了那些使用小屏智能手机的用户。
2. 添加主要内容链接
屏幕阅读器通常会在页面顶部播放音频内容。根据网站的编码,用户通常必须在查看网页目标和主要内容之前,先收听菜单,导航和其他额外内容。
为提升网站的用户体验,您可以在HTML的第一栏中添加“跳至主内容链接”,这一操作支持使用屏幕阅读器的用户跳过网页上不必要的内容。
3. 图像替代文本
在没有替代文本的情况下,图像是无法呈现在用户使用的屏幕阅读器上的。然而,围绕图像替代文本这项功能尚有些争论。
最初,图像替代文本是以提升网站可访问性这一目的走进了用户的视野。然而,这项功能在后期逐渐演变成一种SEO策略,无数商家纷纷使用其实施关键字优化。诚然,对于那些使用屏幕阅读器或语音识别技术的人来说,这种变质的做法并不会创造愉悦的访问体验。
因此,相较在网页中堆砌大量的关键字,倒不如用文字简单描述图像的主旨。为了提供良好的用户体验,请确保图像替代文本能与页面内容完美地结合在一起。
4. 撰写内容标题
事实上,Nielsen Norman Group发现79%的网站访客习惯通读内容,只有16%的访客会逐字阅读。除了能够帮助通读内容的人之外,撰写内容标题还能分割网页上的大篇幅文本,而这将能进一步帮助屏幕阅读器使用者分辨每段文本。
此外,特定的屏幕阅读器还支持用户跳转至内容的特定部分。在了解以上信息后,请务必撰写自己的内容标题,以方便用户进行跳转。总之,用户应该在阅读4-5个字之内就知晓该段落的中心大意。
5. 抛弃验证码
验证码是保证网站不受垃圾信息侵扰的方法之一,它们往往以下面的形式出现:
  • “我不是机器人”按钮
  • 随机字符串
  • 趣味游戏
正如我们所知,患有听觉障碍的用户可以使用视觉验证码,视觉障碍人士可以进行音频验证,那么又聋又哑的用户又该采取何种办法?事实上,同时患有听觉和视觉障碍的用户很难完成这一操作。
尽管验证码是个强有力的工具,但是您最好还是挖掘新的防垃圾信息骚扰的替代方法。
6. 为视频和音频内容提供替代文本
为了提高网站内容的可阅读性,您最好添加对应的替代文本。比如,如果您的网站准备利用视频讲述故事,您可以利用字幕帮助那些患有听力障碍的用户更好地理解视频内容。或者,如果您在网站上发布播客或有声读物,那么同样可以提供文字版本。要知道,为视频和音频内容提供替代文本将有助于扩大作品的受众范围。
7. 在表单中设置字段标签
在创建网站表单时,您可能会在字段中插入字段标签,以获得视觉上的美感。然而,有些屏幕阅读器可能无法访问表单字段中的相应文本。为解决这一问题,您可以在对应字段上方或两侧添加字段标签。相关资料参考:>>>WordPress列表关键词调用标签怎样解决
8. 启用Tab索引功能
行动有限的用户可能无法使用鼠标或触控板与您的网站进行交互。相反,他们更依赖键盘上的Tab键来浏览整个网站。因此,您应该开启WordPress网站中的tab索引功能。
Tab索引功能是指设置网站元素顺序的过程。完成该设置之后,访客便能以一种特定的顺序浏览您的网站。
9. 开通访问键功能
正如tab索引功能一样,访问键功能将指定操作分配给键盘上的不同按键,而您可以敲击这些快捷键进行相应操作。
比如,在编码无误的情况下,用户可以敲击按键“1”访问主页面,以及敲击“2”访问联系页面等。
点击这里为您的网站快速安装访问键功能吧。
10. 测试网站的可访问性
不确定自己的网站能否访问?那就测试吧!如今,市面上已有海量访问性测试工具可供使用。要知道,打造易于访问的网站的第一步就是简要评估当前状态。
推荐阅读:>>>如何检测香港虚拟主机的访问速度及稳定性

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|全球服务器论坛

GMT+8, 2024-5-16 12:56 , Processed in 1.602406 second(s), 19 queries , File On.

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表