use*_*270 5 html javascript accessibility wai-aria
我正在查看一些代码，其中一个标签具有属性aria-owns, 和aria-expanded. 我用谷歌搜索他们，但没有找到足够的细节来完全理解他们的工作。
有人可以解释这些特定属性的用途吗？我对 aria 属性的作用有一个大致的了解（我已经使用过aria-labelledby）？
小智 3
咏叹调标记者
aria-labelledby与 an 具有相同的最终结果aria-label，即属性的值将由屏幕阅读器读取。不同之处在于 an 的值aria-label是您要使用的标签，而aria-labelledbyattribute 的值是对不同元素的 id 引用。该其他元素的文本值将是第一个元素的标签。
咏叹调拥有
通常，元素的父子关系是由 DOM 的层次结构隐含的。但在某些情况下，将元素视为具有与 DOM 中技术上不同的父元素更有意义，并且“aria-owns”用于这些情况。
很难描述 的一个简单示例aria-owns，但是当您在代码中查看它时，请将其视为试图告诉您如果将此元素视为任何元素的父元素，则给定小部件更有意义的代码它指向谁的ID。
咏叹调扩展
aria-expanded更简单。它始终设置为 true 或 false（如果该属性不在元素上，则假定为 false）。当屏幕阅读器导航到可以展开的元素（例如包含嵌套菜单的菜单项）时，读取“aria-expanded”标签可以让用户知道连接的弹出部分是否已激活。
当用户激活和停用可扩展元素时，开发人员有责任主动管理 aria 扩展标签的状态。
有很多 aria 状态和属性可能会令人困惑。这些文档非常容易浏览，而且基础知识也不太复杂，所以不要害怕深入了解： https: //www.w3.org/TR/wai-aria/states_and_properties