Tag <caption>
A tag <caption> no HTML é utilizada para adicionar um título ou uma legenda descritiva a uma tabela. Esta tag deve ser incluída imediatamente após a tag de abertura <table>, mas antes de qualquer outra tag relacionada à estrutura da tabela, como <thead>, <tbody>, <tfoot>, <tr>, <th> ou <td>.
Inclusão de título
A principal função da tag <caption> é fornecer um título ou uma legenda descritiva para a tabela. Isso ajuda a contextualizar o conteúdo da tabela, oferecendo uma breve explicação sobre o que os dados representam.
<table>
<caption>Dados de Vendas Trimestrais</caption>
<thead>
<!-- Cabeçalho da tabela -->
</thead>
<tbody>
<!-- Corpo da tabela -->
</tbody>
</table>Acessibilidade
A inclusão de uma legenda usando <caption> melhora a acessibilidade da tabela, pois fornece informações contextuais adicionais para usuários que dependem de leitores de tela. Isso ajuda na compreensão do propósito e do conteúdo da tabela.
<table>
<caption role="caption">Dados de Vendas Trimestrais</caption>
<!-- Restante da tabela -->
</table>