大多数网页设计师和开发人员都听说过网站可访问性这个词。 他们可能知道它的重要性,但不知道如何实践它。
结果,他们对嵌入网站可访问性的情况表现出最小的兴趣,只是将其放在一边。
无论如何,植入 WordPress 的可访问性审计 网站对您的网站做了很多好事。 它有助于提高您网站的用户友好性。 因此,包括残疾人在内的每个用户都可以方便地访问您的网站。
这样做会获取大量真实流量,同时也会提高 SEO 排名。 因此,如果您想了解 WordPress 网站可访问性的分步过程,请继续阅读。
对 WordPress 进行可访问性审核的 6 个简单步骤
在开始该过程之前,您必须知道,即使是在植入可访问性审核时出现的一个微不足道的错误也可能会掠夺您的辛勤工作。
这些错误通常涉及非生产性的翻译方法,更偏爱风格而不是功能等。因此,在处理过程时,请确保不要犯任何愚蠢的错误。 现在,让我们继续在 WordPress 上组织可访问性审计的步骤-
第一步——考察WCAG2.0的原理
WCAG2.0 是最有用的工具之一,您可以从中寻求帮助,同时在 WordPress 网站上安排可访问性审核。
该工具拥有几个有用且简单的策略和建议,可以帮助残疾人顺利访问您的网站。
因此,无论用户是聋哑人、盲人还是患有光敏性,都可以借助 WCAG2.0 指南。
这些指导方针主要包括4个属性——可行、可感知、有活力和清晰。 为了使网站更易于理解,请务必遵循以下提示:
- 提供基于时间的媒体替代品,如音频/视频、字幕等。
- 确保为网站配备非脚本主题(如图像)的替代文本
- 对音频和颜色对比进行分类
- 提高内容的可读性,允许用户以他们喜欢的语言进行翻译,并提供足够的时间来理解您网站的内容
- 导航键盘必须易于操作,并且页面要以可预测的方式创建
- 排除可能引起癫痫发作的内容
- 允许用户轻松浏览内容
- 利用有用的技术增强您网站的兼容性
现在请牢记这些策略,并开始仔细审核您现有的网站。

图片来源:https://unsplash.com
第二步 - 创建一个清单以审查必要的方面
在清楚了解 WCAG2.0 指南之后,对 WordPress 进行可访问性审核的下一步是创建一个检查表来测试必要的元素或属性。
要练习,您可以从网站的前端开始。 假设您是您网站的新访问者,并寻找可以帮助您轻松访问该网站的所有便利。
为了让您更好地了解,您需要在清单中添加一些最重要的要求以进行交叉检查,包括:
- 检查,是否所有链接都可以正常运行
- 验证图片是否有替代文字,视频是否配有字幕
- 看看你是否可以在页面之间快速导航,另外看看你是否可以用键盘引导网站
- 除了所有这些,不要忘记确认文本是否可以轻松翻译成不同的语言
如果所有这些标准都与您的网站成功匹配,那么您就可以进行下一步的审核了。
第三步——寻找辅助工具,W3C 标记验证
W3C 标记验证工具就像网站持有者的救星。 这个免费工具通过多种编程语言(如 HTML、SMIL、XHTML、MathML 等)检查网站文档的有效性,帮助您维护网站的高质量。
使用此工具,您可以轻松检查您网站的文档是否遵循并维护了单个编程语言的规则和原则。
除此之外,W3C 标记验证工具可帮助您的网页享受顶级 SEO 排名。 它甚至可以确保您的网站享有更好的可理解性和网站性能。
您甚至可以通过 W3C 标记验证工具的免费服务在 WordPress 上植入可访问性审核,从而提高站点在多个浏览器中的一致性。
该工具的贡献不限于此。 它甚至允许您重新检查编码并帮助您找出是否存在错误。 使用该工具的过程非常简单。
您需要做的就是复制您网站的地址并将其粘贴到最前面页面的文本区域。 单击检查按钮后,您将立即获得结果。
第四步 - 进行屏幕阅读器测试
今天,大量的人被诊断出患有视力障碍的问题。 出于这个原因,大多数网站持有者都使用了几种屏幕阅读器软件。
市场上有很多屏幕阅读器应用程序,但最好的是在 Accessibility Viewer 和 ChromeVox 扩展程序之间切换。 这两个工具易于使用,并为您提供无可争议的结果。
屏幕阅读软件应用程序可帮助潜在客户轻松访问您的网站。 它甚至会在用户之前读出图像的 alt 脚本,这样他们就可以毫不费力地理解您网站的内容。
第五步——验证内容的颜色对比
您网站的不完美色彩对比可能是您网站的可访问性差的主要原因。 因此,为了使色彩对比完美,WordPress 的可访问性审计的下一步就是使用色彩对比测试工具。
一般来说,内容的颜色对比度是指背景颜色与文本之间的对比度。 根据 WCAG2.0 的原则,这些工具将帮助您识别错误并根据他们的要求进行解决。
尽管如此,在开始这个过程之前,请确保选择最好的工具。 A11Y Color Tester 和 ColorSafe 等在线工具是最好的选择。
为了详细说明使用方法,让我们讨论一下A11Y测色仪的使用过程。 要使用此在线免费工具的服务,您首先需要复制页面的 URL 并将其粘贴到文本框中,然后选择检查对比度选项。
单击时,您将看到错误和解决问题的指导。
第六步——验证键盘导航是否正常
最后也是最后一步是验证键盘导航。 为此,您需要遵循以下招募步骤-
- 首先,点击网站的地址栏
- 然后,在不触摸鼠标的情况下,使用键盘控制站点
- 此外,您可以使用 Tab 按钮浏览您网站的不同属性,例如链接、菜单等。 如果您的网站正确响应键盘导航,则非常适合访问。
但是,为了测试键盘导航,您可以从 NerdeFocus 等免费在线工具中寻求服务。 但是,对于那些导航选项较长且网页较多的网站,您可以在关键位置插入跳过导航链接。
结论
按照上面提到的 6 个步骤,您可以方便地增加网站的用户友好性。 它确保您的网站可以被身体和精神有问题的用户平等地访问。