请选择 进入手机版 | 继续访问电脑版
Mozilla

火狐社区

登录    注册

QQ互联

Mozilla 的网页无障碍辅助功能助力开发者打造更友善的网站

yingliu Mozilla员工 发表于 2019-10-30 13:47:54 | 显示全部楼层 [复制链接]
1 2413
本帖最后由 yingliu 于 2019-10-30 14:13 编辑

Mozilla 相信,互联网应该是开放的,而且是人人都可以使用的公有资源。网络开发的「无障碍」(accessibility)原则是要让网站便于更多人使用,包括残障人士。对许多人来说,科技能使生活更便利,对身体残疾的人而言,科技更应该是把「不可能」化为「可能」的钥匙。

多年来,Mozilla 全力倡导及推动网络无障碍性。去年,我们很高兴看到《欧盟公共部门网站及移动应用无障碍访问的指令》(EU Directive on the Accessibility of Public Sector Websites and Mobile Applications)正式随《欧洲无障碍法》(European Accessibility Act)纳入所有欧盟国家的法律。此指令明文规定,所有的公共部门(无论桌面版或移动版)网站和应用程序都须遵循万维网联合会(W3C)的「无障碍网页倡议」(Web Accessibility Initiative,WAI)。虽然相关的改变仍待逐步推进,但欧盟对网站和应用程序分别设下 2020 年 9 月和 2021 年 6 月的最后改进期限。

Mozilla 致力于协助开发人员打造更易用的内容,让每一位有肢体或认知障碍的人,无论通过什么样的方式上网,都能获取所需信息。因此,我们积极开发一套名为「辅助功能查看器」(Accessibility Inspector)的好用工具和功能,供网站主与开发者用以测试网站的无障碍程度,并及早排除一些常见问题。

1-zh.png

配合 Firefox 70 的发布 ,Firefox 开发者工具也推出了一些新功能上线。以下是几个最值得一提的新工具:

键盘问题检查:对不同的群体来说,键盘操作和视觉焦点的设计都是影响网站易用性的常见问题。Firefox 已加入新的检查工具,可供检验许多经常出现的键盘和视觉聚焦的缺点,并提供解决的建议。

对比:辅助功能查看器还提供全页的色彩对比检查工具,可核查《网页内容无障碍指南 2.1》(Web Content Accessibility Guidelines 2.1)提出的三大常见色彩对比问题。

2.png

色盲色弱模拟:最新的 Firefox 具备模拟七种色觉辨识障碍(俗称色盲)的模拟工具,可让开发者查看其网页在相关障碍者眼中的样子。这也能帮助开发者了解,在某些情况下若不采用替代方案,色盲者将无法接受到信息。

3.png

辅助功能挑选工具:开发者能以鼠标快速检查网站上的各个元素,将不同元素显著标示并查看其属性。Firefox 会以信息列呈现该属性的名称、角色和色彩对比值。

您可到 Mozilla Hacks Blog阅读更多有关辅助功能查看器新工具的说明。

辅助功能查看器自 Firefox 63 以来已是 Firefox 默认开启的功能,并在持续开发功能中。

关于 Mozilla 的 A11y 社群:

虽然 Web 在本质上是为所有群体而设计的,但是,我们每个人都需要确保没有任何人被排除在网络的发展之外。Mozilla 有一个由数百位身心障碍的志愿者组成的社群,协助我们更了解网络的使用和开发上的多元需求。这个社群名为 A11y。A11y 是「Accessibility」网络用语缩写,指的是人机交互,特别是对残障人士上网的便利性。同时,A11y 也是 Mozilla 无障碍专家社群的代号。

在 Mozilla 的 A11y 社群成员中,有些人有不同程度的视力障碍,有些是已在政府登记的盲人,有些则是肢体障碍,他们在上网时会面临各式各样的阻碍。Firefox A11y 团队全力与网络无障碍性生态系合作开展多项工作,包括:影响 W3C Web 标准的制定、浏览器导入无障碍辅助功能和推广,以及对于辅助科技的协作开发和支持。

相关链接:



310971373 狐狸精
发表于 3 天前 | 显示全部楼层
支持哦,吼吼吼
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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