Html 当ol元素具有角色时，可访问性审核失败

当你在谷歌Chrome上对像你这样的网站进行可访问性审计时，你会注意到我自己的网站出现了一个错误

List items (<li>) are not contained within <ul> or <ol> parent elements.

列表项（
）不包含在
或父元素中。

在HTML中，错误如下所示

<ol class="list-reset grid gs4" role="presentation">
                <li class="grid--cell">
                ...

...

当我的网站出现此错误时，我删除了角色属性，错误消失了

我有一个简单的问题。为什么?

列表项（

）不包含在父元素中

此错误消息不明确

ol
和
ul
元素的隐式角色是
list
。
li
元素的隐式角色是
listitem


作者必须确保具有角色<代码>列表项
的元素包含在具有角色<代码>列表

或<代码>组的元素中，或由其拥有

如果您正在重写

ol

元素的本机角色，那么您就不再遵守ARIA规范（同时仍然遵守HTML规范）

---

只需删除

ol

元素上的

presentation

角色，或者不使用列表元素。

我明白了我的困惑是因为对角色属性缺乏理解。感谢您明确指出：是的，角色不会层叠，因此如果您希望列表仅用于演示，则需要将

role=“presentation”

放在列表和列表项上。