想知道我在這里缺少什么。我們正在為一位希望確保所有內容都合規的客戶大修站點,但我遇到了一個似乎無法解決的錯誤。我需要提到警告的來源是第三個服務,它掃描網站頁面并在報告中提出問題。
錯誤是這樣的:
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>
...
我錯過了什么可以解決它警告我的問題?
uj5u.com熱心網友回復:
我知道這已經得到了回答和接受,但這似乎是相關的,所以我在這里種植它以備將來參考:
https://developer.mozilla.org/en-US/docs/Web/CSS/list-style#accessibility_concerns
如果串列樣式值為 none,則 Safari 不會將無序串列識別為可訪問性樹中的串列。
uj5u.com熱心網友回復:
由于官方 W3C 驗證器沒有看到任何錯誤,您的代碼很好。如果您的第三方驗證器發現錯誤,我建議您通過他們的問答或錯誤報告網站與他們聯系,并詢問他們為什么認為這是錯誤的。
正如您(顯然)注意到的那樣,錯誤是不一致的,因為所述行確實有<ul>父行。這是您的第 3 方服務端的錯誤。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/322232.html
下一篇:輸入滑塊后面的CSS條形音箱
