Bootstrap 样式 active、aria-current、aria-label属性解释

官方 button

<button 
  type="button" 
  data-bs-target="#carouselExampleAutoplaying" 
  data-bs-slide-to="0" 
  class="active" 
  aria-current="true" 
  aria-label="Slide 1">
</button>

解释:
属性 作用
class="active"
让该按钮(指示点)默认选中,否则 Bootstrap 可能不会正确高亮第一个指示点

aria-current="true"
提供无障碍支持(ARIA),表示该元素当前处于“活动状态”(即正在显示的轮播项)

aria-label="Slide 1"
方便屏幕阅读器识别该按钮,表示它是第 1 张幻灯片的指示点

最后修改:2025 年 02 月 04 日
咱们谁跟谁,用不着~