无障碍描述
无障碍描述(Accessible Description)是用户界面元素的描述,可以提供额外的信息给辅助技术,帮助用户理解该元素及其上下文。它是与 HTML 元素相关联的文本描述,可以为辅助技术提供元素除无障碍名称之外的描述内容。
元素的无障碍描述是无障碍树的一部分,可使 Web 内容对屏幕阅读器和其他辅助技术可用,从而让内容对使用这些技术的用户可用。
<table>
的无障碍描述是其首个 <caption>
的内容;<figure>
的是 <figcaption>
的内容;<summary>
的是 <details>
的内容;而 <input>
按钮元素,则是 value
属性的值,除非该元素有 aria-describedby
或者 aria-description
属性(这些属性优先)。
对于其他的元素,它们的描述需要被编程地与相关的元素关联。在这些例子中,如果 title
不是该元素的无障碍名称,那么无障碍描述将由 aria-describedby
、aria-description
或 title
属性提供,且按照这个顺序应用该描述。
无障碍描述被简化为文本字符串。例如,如果元素的 aria-describedby
属性值是 HTML 元素 <img>
的 id
,那么无障碍描述就是图片的描述(通常是图片的 alt
属性)。
你可以查看页面上任何元素的无障碍描述:查看浏览器开发工具的无障碍选项卡——它其中就提供了当前选定元素的无障碍信息。