Mozilla在Firefox内建无障碍网页检测工具
2018-06-26 17:55:56 | 来源:ithome | 投稿:阿呆 | 编辑:dations

原标题:Mozilla在Firefox内建无障碍网页检测工具

无障碍设计是可以让更多人存取网站的实际作为,从Firefox△61开始内建无障碍网页检测工具(Accessibility△Inspector),帮助开发者制作出视觉障碍人士友善的网页,这项功能在开发工具DevTools中是预设关闭的,开发者需要手动启用,启用后在DevTools的上下文选单也将会出现更多选项等其他额外功能。

无障碍目的在于尽可能避免因为使用者因为生理上的障碍,或是装置、网络速度以及地理位置等外在情况,而被排除在存取网站之外。无障碍网页检测工具最主要的功能,便是协助开发向视障人士公开网页资讯的功能。网页浏览器的无障碍API可以揭示页面上各种元素的功能资讯,像是文字、按钮、连结或是表格等元素。而语意DOM元素的角色(Role)则预设暗示了这些元素的功能,但例如 div△等非语意标签并没有预设角色,则需要进行额外设定。

浏览器无障碍API会将这些角色与资讯以阶层式的架构表现,这个结构被称为无障碍树(Accessibility△Tree),形式跟DOM树很像,只是有许多元素的限制以及纪录不同的资讯,荧幕阅读器辅助技术需要使用这项资讯,来告诉用户页面上的内容,并且使他们能与页面互动。而Firefox的无障碍网页检测工具也同样使用这个资讯,在DevTools上提供无障碍除错的功能。

DevTools上的无障碍面板介面很简单,主要分为两部分,一半会以树状图显示现在网页上的无障碍树,开发者可以通过点击箭头来展开所有的子项目,以检视这些元素是否存在正确的值。每个项目都有两个属性,分别是角色与名称,角色通常指的是页面上的元素的功能,诸如按钮或是页脚等,可以是浏览器预设也可以是使用者自订的。而名称则是该元素在页面上的名字。面板的另一部分则是当前所选项目的更多详细资讯,除了角色与名称外,还会显示值、DOMNode、描述或是属性等。

Mozilla提到,从Firefox△61开始预设内建无障碍网页检测工具,但由于对于浏览器效能有负面影响,因此功能预设关闭,开发者需要自行到DevTools中启用。而在启用无障碍网页检测工具之后,Firefox中的上下文选单的选项会增加,开发者可以直接在网页上点选右键检视无障碍属性,而且在无障碍页签中,当滑鼠游标停在无障碍物件上,将会在页面上对应的物件上高亮度提示。

tags:

上一篇  下一篇

相关:

Mozilla测试Firefox Monitor服务,让用户检查个人帐号是否被骇

图片来源: Mozilla Mozilla于本周一(6/25)揭露了新的Firefox△Monitor安全服务,与Have△I△Been△Pwned(HIBP)合作,在Firefox△Monitor上供用户检查自己的帐号是否被骇,也考虑要推出被骇通知服务。Mozilla产品

GitLab 11.0来了!主打高度自动化DevOps、强化网页IDE功能

前些时日GitHub被微软并购,GitLab顺势推出许多优惠方案,吸引了不少用户。而现在释出GitLab△11.0,新增了许多新功能,要来服务广大的用户,重点更新除了这次主打Auto△DevOps正式可用外,还强化了安全性以及网页ID

Mozilla开源基于浏览器开发框架A

Mozilla在混合实境上进行了不少实验性的专案计划,探索各种可能性,而今在GitHub上开源了A-Terrain,这是一个在浏览器3D开发框架A-Frame上使用的高自由度网页制图组件,其特性除了可以应用真实世界的地理资料集,绘制

Android Messages终于也有网页版了!

图片来源: Google Google周一(6/18)宣布将更新Android△Messages△,包括新增Messages△for△web网页版功能、搜寻与传送GIF档功能、支援智慧回复、可预览对话中的连结内容,以及一键复制一次性密码功能,其中,最受

Mozilla正研发能支援声控的Firefox浏览器

示意图,与新闻事件无关。 图片来源: Mozilla Mozilla周三宣布可支援声控的Firefox浏览器开发专案,名为Scout。Scout△app将让使用者在不需键盘、滑鼠或触控荧幕情况下,以语音指令操作Firefox,例如“Hey△Scout,

站长推荐: