
使用猪八戒APP
随时随地享服务
发布:2023-03-13 16:43:05 490浏览
可及性问题不像布局等可视问题一样那么容易被发现,如果我们没有用合适的工具测试,它很容易就会被忽视掉。
可及性设计并不是一定要做得完美无缺,它只需日渐精进就够了。
有一些我经常使用并且对可及性开发大有裨益的工具,我想应该和大家一起分享。
由于我大部分开发都基于Chrome,所以这些工具更适用于Chrome。是一款由谷歌可访问性团队开发的谷歌Chrome浏览器扩展程序。这款扩展在开发者工具界面添加了一个名为“Audits”的嵌板,通过Audits我们能得到网页的网络利用率、网页性能,当然也包括可及性。这款可及性检测工具会按照预定的可及性检查项对网页进行测试。它将会按照重要性列出任何需要修复的关键问题,同时也会列出已经通过测试的项目。除了可及性检测之外,我们能在元素审查中审查任何特定元素的可及性属性。在元素审查项中有一个新的名为“AccessibilityProperties”的嵌板,它能够列出某特定元素的所有可及性相关的属性。AccessibilityInspector作为Chrome的内测部分,一款已经可以在Chrome开发者工具中使用了(隐藏在下)。这款可及性审查工具是元素检测中附加的嵌板,名为“Accessibility”。这款工具让我们能够审查页面中的特定元素,并获取其可及性属性的信息。与可及性扩展程序不同的是,这款工具有更大的访问可及性API的权限,它可以提供给更加深入的元素可及性信息。
Tenon是一款极其有用的工具,它能在任何环境下鉴别和的问题,无论是本地开发环境还是生产环境。实际上它是一款付费的API,也可以被整合到你的开发工作中,并且能为每一步开发进展提供深入的可及性分析。另外,也有在线的免费工具,能够生成任何页面甚至一小段代码的可及性报告。
ChromeVox对于还没有使用屏幕阅读器的开发者来说,确保网站能够适应屏幕阅读器有点像猜谜游戏。就是一款可以用于Chrome扩展安装的简单易用的屏幕阅读器。安装成功之后,你可以通过它操作任何页面。以下是我利用ChromeVox做的一个导航至博客主页的样例-即便屏幕阅读器五花八门,ChromeVox也是一款能够简易上手并模拟体验屏幕阅读器的工具。
HighContrast(扩展)是谷歌Chrome浏览器的一个扩展插件,它能够提高页面调色方案的对比度,通过此类工具来查看页面能够在配色的选择上助我们一臂之力。
键盘最后,最简单也最有效的一个测试方法,试着只用键盘不用任何点击设备来操作网站。
① 本文仅代表作者个人观点,不代表猪八戒网立场。
② 本文经授权发布,未经许可,请勿转载。如有需要,请联系猪八戒官方。
推荐阅读 RECOMMENDED READING