Início / coding / Perguntas / 79224320
Accepted
Shtole
Asked: 2024-11-26 03:05:06 +0800 CST

O aria-label é útil para a função de tablista?

  • 772

Se dermos uma olhada no exemplo da aba 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>

…vemos que os autores do Bootstrap não especificaram aria-labelpara o tablist ( <ul>). Está OK? Talvez seja melhor descrever o tablist?

html

1 respostas

  1. Best Answer

    De acordo com a página do WAI ARIA Authoring Practicing Guide sobre como fornecer nomes e descrições acessíveis , a rotulagem é "recomendada", mas não "obrigatória". Da página:

    • Ajuda os usuários de leitores de tela a entender o contexto e o propósito da tablist.
    • Use aria-labelledbyse houver um rótulo visível, caso contrário use aria-label.

    Dessa forma, a omissão no exemplo do Bootstrap é permitida, embora desaconselhável.

    • 1

relate perguntas