Como criar tabelas de dados com cabeçalhos, legendas e estrutura semântica correta, evitando seu uso apenas para formatação visual.
Estrutura correta de tabelas de dados, com cabeçalhos e associações semânticas.
Uma tabela acessível organiza dados em linhas e colunas, com cabeçalhos corretamente identificados e associados às células. A tabela deve ter legendas que descrevam o seu propósito e não servir apenas para fins visuais.
Sem estrutura correta, tabelas se tornam incompreensíveis para usuários de leitores de tela.
Sem cabeçalhos, as informações perdem sentido para pessoas cegas ou com baixa visão. Cabeçalhos e legendas permitem navegação célula a célula com compreensão do contexto. Além disso, uma boa estrutura melhora clareza e leitura para todos.
Sempre que for necessário organizar dados em linhas e colunas.
Importante: Evite o uso de tabelas para layout.
Use cabeçalhos, legendas e marcação semântica adequada.
Importante: Evite utilização de tabelas para formatação visual.
Inspecionar estrutura com os verificadores de acessibilidade dos próprios softwares e testar em leitores de tela.
Tabelas com cabeçalhos e legenda são acessíveis. Utilize tabelas apenas quando for necessário expor dados. Tabelas usadas para formatação visual deixam o conteúdo inacessível.
Corretos:
Incorretos:
Não crie tabelas sem cabeçalhos ou usadas para layout.
WCAG 1.3.1; WCAG 1.3.2; NBR 17225; eMAG.
Outras normas relacionadas:
Guias e tutoriais sobre tabelas acessíveis.
