Uso do caption em tabelas

[Aline Alencar]

Bom dia pessoal,

Gostaria de saber se, semanticamente, usar um th com com colspan para título de uma tabela é pior do que usar o caption.
Explicando melhor: toda tabela deve ter um título certo? Para isso existe a tag caption que, semanticamente, seria a melhor opção. O componente jsf que tenho usado não renderiza essa tag, então uma alternativa seria o uso de th com colspan de acordo com a quantidade de colunas da tabela.
Maq e Lêda, pela experiência de navegação de vocês faz muita diferença a presença ou ausência de um caption?

Abaixo tentei exemplicar de forma bem simples como seria os códigos das duas opções:

1) Código da opção com caption
<table>
<caption>Título da tabela</caption>
restante do código da tabela
</table>

2) Código da opção sem caption
<table>
<th colspan="3">Título da tabela</th>
restante do código da tabela
</table>

Abraços,

Aline

[Mark de Souza Costa]

Só complementando, não esqueça de usar as tags de thead, tfoot e tbody quando aplicáveis:

 

<table>

<thead>

<tr>

<th>Coluna</th>

</tr>

</thead>

<tfoot>

<tr>

<td>algum dado de rodapé</td>

</tr>

</tfoot>

<tbody>

            <tr>

                        <td>conteúdo</td>

</tr>

</tbody>

</table>

 

Note que o thead e o tfoot devem aparecer antes do tbody porque os navegadores ou outros dispositivos renderizam o cabeçalho e o rodapé sem precisar esperar que todos os dados da tabela sejam carregados.

 

Abraço

 

Mark Costa

[MAQ]

 

Oi Aline, boa tarde.

 

O caption é muito pouco usado e uma das melhores funções dele, que é justamente entitular uma tabela, era também de posicionamento por estar dentro da tabela e não fora como um H (header). O header peca  numa tabela na hora que você transporta de uma página web para um documento word, pois a tendencia é do cabeçalho ir para a esquerda pela não importação do CSS da página. O que você propôem também fica dentro da tabela e é possível que, nesse transporte, continue em seu lugar de origem por ser uma célula dessa tabela..

 

Por incrível que pareça, tecnologias modernas, como o Jaws a partir da versão 8, caso não me engane, está trazendo dificuldades para uma leitura acessível do caption.. Ao contrário, da última vez que fizemos uma tabela acessível, não faz muito, o caption atrapalhou a leitura da própria tabela e fez uma bagunça danada com os cabeçalhos e células. Perdemos muito tempo tentando adivinhar o que era,  tentando novas teclas de atalho para saber se era uma questão disso, até retirarmos o caption e a tabela ficar totalmente acessível com seus th, id e headers.

 O Summary já está sendo renegado pelo Samurai e nunca foi utilizado para entitulamento. Portanto, estamos momentâneamente meio que sem saber qual a opção correta a ser utilizada  em tabelas acessíveis, já  que o que é acessível para o WCAG não está sendo acessível no leitor de tela mais utilizado do mundo (Jaws).

 

Agora, na prática, teríamos de passar com vários leitores  de tela na solução que a  amiga deu. Teoricamente deve valer, no visual também, visto que você deve ter testado, mas com o Jaws, NVDA, Webvox etc, o que será que acontece? Os th ficariam abaixo disso? Seriam falados e associados sem problemas pelos leitores de tela gráficos  pelos id dos th e seus respectivos headers dos td?

 

Antes de ingerir essa sopinha de massa tabelística, seria bom testar. Escrevi, escrevi e não adiaantou nada, né? (risos). Vou ser simples: NÃO SEI!

Não quer enviar um endereço com uma tabela feita assim para testarmos?

 

Abraços acessíveis do MAQ.

***
Bengala Legal - Cegos, Inclusão e Acessibilidade: www.bengalalegal.com
Acessibilidade Legal - Sites Acessíveis para todos: www.acessibilidadelegal.com
***
P. S.: Você está recebendo um e-mail de uma pessoa cega. Isto é inclusão
digital! Comemore conosco.
Uma sociedade inclusiva é aquela que reconhece, respeita e valoriza a
diversidade humana.
MAQ - Rio de Janeiro - CEL: (21) 9912-0000.
***