Criar tabelas complexas acessíveis em formulários HTML5

A implementação padrão de tabelas no Forms HTML5 usa elementos DIV HTML para renderizar uma tabela. A renderização envolve o uso de funções ARIA para atender aos requisitos de acessibilidade.

Para evitar problemas de acessibilidade com leitores de tela que não suportam totalmente as funções ARIA usadas com tabelas de dados, o HTML5 Forms fornece uma execução alternativa para as tabelas. Essas tabelas são baseadas no novo formato de tabela introduzido no Designer, que também oferece suporte a:

  • Cabeçalhos de Linha
  • Intervalo de linha

Para usar o novo formato no HTML5 Forms, marque a tabela como complexa. Para marcar a tabela como complexa, adicione a tag extras na fonte XML do subformulário de tabela da seguinte maneira:

</extras>
 <text name="complexTable">1</text>
 </extras>

As tabelas marcadas como complexaTable seguem a execução HTML nativa e fornecem melhor suporte de acessibilidade para determinados leitores de tela. Para criar uma extensão de linha, selecione células consecutivas de uma tabela na mesma coluna, clique com o botão direito do mouse na seleção e, em seguida, clique em Unir células.

Observação:​criar uma extensão de linha funciona somente para células na extremidade esquerda.

Para marcar uma linha como cabeçalho de linha, selecione todas as células na linha, clique com o botão direito do mouse na seleção e, em seguida, clique em Marcar cabeçalho.

Para marcar uma célula como cabeçalho de coluna, selecione qualquer célula na coluna, clique com o botão direito do mouse na seleção e, em seguida, clique em Marcar cabeçalho.

Limitações no novo formato AccessibleTable:

  • Falta de suporte para campos com capacidade de expansão se a extensão de linha for usada na tabela
  • Não há suporte para tabelas aninhadas (tabelas dentro de células de tabela)
  • O suporte para a extensão de linha está limitado às linhas de cabeçalho e células de cabeçalho
  • O suporte é limitado a tabelas regulares
  • Não há suporte para preenchimento prévio de dados em tabelas com expansão de linhas > 1

Nesta página