每个div，section，main和article都需要具有role属性

Question

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

我们说我的HTML看起来像：

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

是角色=＆＃34;标题＆＃34;在这种情况下是必要的吗？

Answer 1

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

heading角色不仅是必要的，而且是不正确的。

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

Answer 2

将角色属性添加到页面中的每个div或部分都不是强制性或良好做法。如果你想记住你不同部分或div的角色那么你总是可以使用html评论