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,提问作者정용학
相关产品推荐
相关产品推荐

