codecamp

辅助功能树(Accessibility tree)

辅助功能树包含大多数 HTML 元素的辅助功能相关信息。

浏览器将html标签转换为称为 DOM 树的内部表示形式。DOM 树包含表示所有标记的元素、属性和文本节点的对象。然后,浏览器基于 DOM 树创建辅助功能树,特定于平台的辅助功能 API 使用该树提供辅助技术(如屏幕阅读器)可以理解的表示形式。

辅助功能树对象中有四个属性:

名字(name)

我们怎么能查阅这个东西呢?例如,带有文本“阅读更多”的链接将以“阅读更多”作为其名称(在辅助名称和描述计算规范中查找有关如何计算名称的更多信息)。

描述(description)

如果我们想在名称之外提供更多描述,我们如何描述这件事?例如,表的描述可以解释表包含的信息类型。

角色(role)

这是什么东西?例如,它是按钮、导航栏还是项目列表?

状态(state)

它有状态吗?比如,选中或未选中的复选框状态以及 <summary> 元素的折叠或展开状态。

此外,可访问性树通常包含有关可以使用元素执行的操作的信息:可以跟踪链接,可以键入文本输入等。

虽然截至 2022 年 <> 月,Web 孵化器社区组仍处于草稿形式,但辅助功能对象模型 (AOM) 打算孵化 API,以便更轻松地表达辅助功能语义,并可能允许对计算的可访问性树进行读取访问。

参见


可访问性(Accessibility)
Adobe Flash
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }