我目前正在制作一个导航栏，并且跨越了aria-expandedhtml 属性。我当然知道该元素用于让元素展开或折叠。我可以找到很少的信息，并且W3C docs不是那么清楚 IMO。
问题
这个属性是如何工作的？
aria-expanded attribute只是用户代理的标志。它
指示元素或其控制的另一个分组元素当前是展开还是折叠。
...其中该指示用于元素的内容，或者如果还为目标元素指定了aria-controls。
您可以设置它的值以指示您对页面所做的操作（例如，您已经扩展或收缩了一个部分）。它没有与之相关的任何特定行为，它是为了让用户代理知道发生了什么，以便它可以为其受众（可能是视力受损的人，需要一些其他指示来指示某个部分是否扩展）。
ARIA 属性与可访问性有关。在这种特殊情况下，它可以让具有辅助技术（例如屏幕阅读器）的用户知道元素是否已扩展。它对元素的样式没有任何原生影响，但是您可以使用 CSS 属性选择器来定位它：[aria-expanded="true"]。您可以根据需要使用 JavaScript 切换该值。
Aria 属性通常用于使残疾人可以访问 Web 应用程序。它们主要由屏幕阅读器用于确定如何处理 html 元素。
aria-expanded 属性提供有关元素是处于展开状态还是折叠状态的信息。
例如，如果您有一个包含文本的可折叠元素，那么当 aria-expanded 属性设置为 true 时，屏幕阅读器将知道该文本当前未显示在屏幕上。
如here所述：
WAI-ARIA 是一个规范，定义了对可访问的 Web 应用程序的支持。它定义了一堆标记扩展（主要是 HTML5 元素上的属性），Web 应用程序开发人员可以使用它们为屏幕阅读器等辅助技术提供有关各种元素语义的其他信息。
WAI 代表：网络可访问性倡议
ARIA 代表：可访问的富 Internet 应用程序
希望有帮助
本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处
评论列表（82条）