Html 将aria属性添加到details元素

使用

和

元素时，是否需要添加任何aria属性以实现可访问性？或者，换句话说，添加任何aria属性会以某种方式增强元素的可访问性吗？我在想，

aria扩展了

，

aria按下了

，

aria角色

，等等

我知道细节是一个语义元素，但我想知道添加它们是否有任何真正的好处，或者它们充其量是多余的

---

谢谢。

在一些标记没有预期信息的情况下，例如使用复选框强制CSS状态，则需要特别使用aria labelledby属性以通过AA成功标准

这属于WCAG 2.1第3.1.2章-

有一个有趣的关于

如果您的详细信息或摘要中确实包含预期信息，那么屏幕阅读器将无法从两次阅读该信息中获益

，

details

元素具有

group

组

角色定义为“作者姓名”，因此它确实需要

摘要

元素或

aria标签

属性或

aria标签BY

属性

<!-- simple use case with a summary -->
<details>
    <summary>View more details</summary>
    ...
</details>

<!-- This can be used with an empty summary if you just want the icon visually -->
<details aria-label="Details">
    <summary></summary>
    ...
</details>

<!-- or you can reference another element(s) -->
<div class="display: none" id="detailsfor">Details for</div>
<div id="myproduct">My product</div>
<details aria-describedby="detailsfor myproduct">
   ...
</details>

查看更多详细信息
...
...
详情
我的产品
...

---

只要您使用本机HTML元素（

details

和

summary

），您就不必担心添加任何其他ARIA属性

，这不属于WCAG 2.1第3.1.2章-部件语言的范畴。非常感谢您的意见，Adam。欢迎您。这可能是你的一个错误，但你应该编辑你的帖子，因为这可能会产生误导，因为这个问题与语言无关。