主页 / coding / 问题 / 79224320
Accepted
Shtole
Asked: 2024-11-26 03:05:06 +0800 CST

aria-label 对于 tablist 角色有用吗？

  • 772

如果我们看一下 Bootstrap标签示例：

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA3dLNH46c0X0pANo8jQd+2uAGeZHuFr8iI1wCdh0Pej1krpDTRj9PI4y3eC9S" crossorigin="anonymous">

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button>
  </li>
  …
</ul>

…我们看到，Bootstrap 作者没有指定aria-labeltablist ( <ul>)。这样可以吗？也许描述一下 tablist 会更好？

html

1 个回答

  1. Best Answer

    根据 WAI ARIA 创作实践指南的“提供可访问的名称和描述”页面，标签是“推荐的”，但不是“必需的”。摘自以下页面：

    • 帮助屏幕阅读器用户了解表格列表的上下文和目的。
    • aria-labelledby如果存在可见标签则使用，否则使用aria-label。

    因此，尽管不建议，但 Bootstrap 示例中的省略是允许的。

    • 1

相关问题