可访问描述
可访问描述是对用户界面元素的描述,提供额外信息以帮助辅助技术用户理解用户界面元素及其上下文。它与 HTML 或 SVG 元素相关联,并为用户提供除元素可访问名称之外的关于其目的的额外上下文。这对于依赖屏幕阅读器等辅助技术的用户尤其重要。元素的可访问描述是可访问性树的一部分。
例如,<table> 的可访问名称由其第一个<caption> 提供。对于复杂的数据表,一两句话描述该表可以提供一个描述。这可以是表格前面或后面(无论是视觉上还是源代码顺序上)的一个段落。如果位于源代码顺序的其他位置,或者为了明确关联,可以使用aria-describedby 属性将表格与其描述关联起来。
类似地,当用户被要求创建密码时,类型为password的<input> 的<label>提供了它的可访问名称。一个好的可访问描述应该包含对密码要求的所有用户可见的方式。它可以通过其aria-describedby属性与输入明确关联,该属性将其作为该节点的“描述”添加到可访问性树中。
描述被简化为文本字符串。在我们的密码示例中,如果输入框的aria-describedby属性值是一个列出了需求的 HTML <ul> 的id,那么描述就是所有列表项的拼接文本和文本等价物。
您可以检查页面上任何元素的可访问描述:查看浏览器的开发者工具的无障碍选项卡,该选项卡提供当前选定元素的无障碍信息。
可访问描述计算
对于 HTML 元素,如果一个元素没有可访问描述,则需要以编程方式将其与相关元素关联。可访问对象模型 (AOM) 通过按顺序检查以下功能来计算可访问描述,直到其被定义:
- 
aria-describedby属性。
- 
aria-description属性。
- 
语言特定功能,如果该功能尚未用于定义可访问名称,则参与描述计算。例如: 
- 
如果上述任何一项都未提供描述,则使用 title属性,前提是该title不是该元素的可访问名称。
- 
如果上述任何一项都没有定义可访问描述,则可访问描述为空。 
HTML 中定义可访问描述的步骤在 HTML-AAM 可访问描述中定义。SVG 元素的可访问描述遵循相同的步骤,但存在一些细微差别,这些差别在 SVG-AAM 可访问描述中列举。