Criar tabelas complexas acessíveis em formulários HTML5 create-accessible-complex-tables-in-html-forms

A implementação padrão de tabelas no HTML5 Forms usa elementos HTML DIV 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 representação alternativa para as tabelas. Essas tabelas são baseadas no novo formato de tabela introduzido no Designer, que também suporta:

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

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

As tabelas marcadas como complexTable siga a representação de HTML nativo e forneça 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 clique em Mesclar células.

Observação: ​A criação de um span de linha funciona somente para as células mais à esquerda.

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

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

Limitações em novas TabelaAcessível formato: