开发可访问性，我被告知 <li> "List item does not have a <ul>, <ol> or role="list"parent element"

Question

想知道我在这里遗漏了什么。我们正在为一位希望确保一切都合规的客户检修网站，但我遇到了一个我似乎无法解决的错误。我需要提及警告的来源是扫描网站页面并在报告中显示问题的第三项服务。

错误是这样的：

List item does not have a <ul>, <ol> or role="list" parent element

它引用了这一行（以及列表中的所有其他行：

<li id="get_started-scroll-button" class="scroll-button" data-element="get_started"></li>

这是HTML。我最近将 role 值添加到 ul 以查看是否有帮助，但没有帮助。我收到有关此列表中所有 li 的警告，以及其他页面上类似的警告

...
<div class="col-12">
  <div class="container medium-font" style="margin:0px auto;">
    <ul class="scroll-subnav-list" style="list-style:none none;margin: 0;padding:0;float:none;" role="list">     
      
        <li id="overview-scroll-button" class="scroll-button scroll-button-container-first-el" data-element="overview">
          overview
        </li>
      
        <li id="resources-scroll-button" class="scroll-button scroll-button-container-els" data-element="resources">
           resources
        </li>
      
        <li id="get_started-scroll-button" class="scroll-button scroll-button-container-els" data-element="get_started">
           get started
        </li>
    </ul>
  </div>
</div>
...

我缺少什么可以解决它警告我的问题？

Answer 1

由于官方 W3C 验证器没有发现任何错误，您的代码没有问题。如果您的第三方验证器发现错误，我建议您通过他们的问答或错误报告网站与他们联系，并询问他们为什么认为这是错误的。

正如您（显然）注意到的那样，错误是不一致的，因为上述行确实有一个 <ul> 父行。这是您的第 3 方服务端的错误。

Answer 2

我知道这已经得到回答和接受，但这似乎是相关的所以我把它放在这里以供将来参考：

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility_concerns

Safari will not recognize an unordered list as a list in the accessibility tree if has a list-style value of none.

开发可访问性，我被告知 <li> "List item does not have a <ul>, <ol> or role="list"parent element"

Developing for accessibility and I am being told <li> "List item does not have a <ul>, <ol> or role="list" parent element"

html

css

accessibility