为可访问性而开发，我被告知<li>"List item does not have a <ul>, <ol> or role="列表" 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

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

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

如果列表样式值为none, Safari将不会将无序列表识别为可访问性树中的列表。

Answer 2

官方的W3C验证器没有看到任何错误，说明您的代码没问题。如果您的第三方验证器看到错误，我建议您通过他们的Q&A或bug报告网站与他们联系，并询问他们为什么认为这是错误的。

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