是否每个 div、section、main 和 article 都需要一个角色属性 [重复]

Posted 2023-03-03

【中文标题】是否每个 div、section、main 和 article 都需要一个角色属性 [重复]

【英文标题】：Does every div, section, main, and article need to have a role attribute [duplicate]

【发布时间】：2017-12-20 01:55:45

【问题描述】：

是否每个 div、section、main 和 article 都需要具有可访问性的角色属性？只问是因为一位同事提到了这一点，现在我觉得我必须重做很多标记。例如，如果您使用 div 进行样式设置怎么办？

假设我的 html 看起来像：

<div role="Heading" aria-labelledby="website-heading">
    <h1>This is a heading</h1>
    <hr>
</div>

在这种情况下是否需要 role="Heading" ？

【问题讨论】：

我会说：不。

问题已经回答：***.com/questions/10403138/…

@DCR 很好的发现。以后，您只需单击问题下方的标志链接，选择应该关闭，复制，然后将该链接粘贴到那里。谢谢！

【参考方案1】：

<div role="Heading" aria-labelledby="website-heading">
    <h1>This is a heading</h1>
    <hr>
</div>

heading 角色不仅没有必要而且不正确。

这意味着内部<h1> 有一个父标题，其中aria-level 不存在，因为h1 是标题中的第一个现有级别。

【参考方案2】：

不，将角色属性添加到页面中的每个 div 或部分不是强制性的，也不是一个好的做法。如果您想记住不同部分或 div 的角色，那么您可以随时使用 html cmets ?