You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Page Speed Insights无障碍错误求助:列表元素合规性问题

修复Page Speed Insights无障碍检测列表错误的方案

错误原因

你遇到的"Lists do not contain only li elements and script supporting elements"错误,核心问题是代码中的<li>标签未闭合,导致浏览器解析DOM时生成了不符合规范的结构,被检测工具判定为列表内容不符合要求。

修改步骤

  • 为每个<li>标签添加闭合标签</li>,确保列表结构的完整性。
  • 确认<ul>的直接子元素仅包含<li>(当前代码满足这一点,无需额外调整)。

修改后的代码示例

<ul class="slide_tit swiper-pagination-clickable swiper-pagination-bullets">
  <li class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></li>
  <li class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></li>
  <li class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></li>
</ul>

补充说明

无障碍规范要求<ul>/<ol>的直接子元素只能是<li>、<script>或<template>,未闭合的标签会破坏DOM结构的规范性,触发检测工具的错误提示。修复标签闭合后,该错误即可消除。

内容的提问来源于stack exchange,提问作者정용학

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 03:51:34