Tornar tabelas acessíveis

Tornar tabelas simples acessíveis

Tabelas são uma maneira eficiente de organizar e apresentar conteúdo em formulários acessíveis. Quando usadas corretamente, as linhas e colunas de uma tabela fornecem uma estrutura previsível e consistente para o conteúdo de formulários.

Por exemplo, quando um usuário navega em uma célula de linha de corpo, o leitor de tela especifica o local dessa célula e, em seguida, interpreta seu conteúdo. O leitor de tela especifica o local da célula usando uma combinação de cabeçalhos de linha e de coluna ou de números de linha e de coluna.

Além de detectarem o local de uma célula, os leitores de tela também podem especificar informações de cabeçalho, como o conteúdo da célula na parte superior da coluna. Como esses leitores fornecem informações que orientam o usuário até o local de conteúdo na tabela, seu layout afeta diretamente a acessibilidade de tabelas.

Tabelas com layouts simples são recomendadas. Tabelas simples começam com uma única linha de cabeçalho seguida de linhas de corpo.

Ao projetar tabelas simples para acessibilidade, lembre-se das seguintes dicas:

  • A ordem de tabulação para uma tabela é a ordem geográfica, que é a mesma do formulário propriamente dito. Certifique-se de que o conteúdo da tabela esteja organizado de forma a fazer sentido quando lido da esquerda para a direita e de cima para baixo.

  • A maioria dos leitores de tela interpreta a primeira linha em uma tabela como a linha de cabeçalho. Ao interpretarem o conteúdo de uma célula de corpo, esses leitores de tela primeiro interpretam o conteúdo da célula de linha de cabeçalho associada. Certifique-se de que o conteúdo em cada célula de linha de cabeçalho descreva significativamente o conteúdo da coluna.

  • Evite células que se estendem por duas ou mais colunas, tabelas aninhadas ou seções de tabelas. Os leitores de tela têm dificuldade de interpretar esses recursos corretamente ou talvez não o usem. Por exemplo, se uma célula em uma linha de corpo se estender por duas colunas, os leitores de tela podem não fazer referência ao conteúdo de célula correto na linha de cabeçalho ao interpretarem a célula seguinte na linha.

Navegar nas tabelas em formulários acessíveis

Em formulários acessíveis, os leitores de tela falam informações sobre o posicionamento atual do cursor na tabela. À medida que o usuário se desloca entre as células da tabela em um formulário, o leitor de tela fala o conteúdo da célula atual. Quando um usuário se desloca até uma célula que contém uma tabela aninhada, o leitor de tela falará o conteúdo da célula e da tabela aninhada.

Os campos editáveis em uma tabela aninhada fazem parte da ordem de tabulação do formulário. Portanto, os usuários os percorrem usando simplesmente as teclas de seta. À medida que um usuário entra em tabela aninhada, saindo em seguida, o conteúdo inicial e final dessa tabela é falado.

Nota: Com o JAWS, o início e o fim da tabela aninhada não é falado no modo de cursor virtual.

Resultado

Ação

O leitor de tela lê a célula da tabela atual.

Ctrl+Alt+5 (teclado numérico)

Percorre as células na horizontal.

Ctrl+Alt+Seta para a esquerda ou para a direita

Percorre as células na vertical.

Ctrl+Alt+Seta para cima ou para baixo

Tornar tabelas complexas acessíveis

Ao projetar tabelas para acessibilidade, recomendamos que você mantenha o layout mais simples possível para essas tabelas, com uma linha de cabeçalho seguida de linhas de corpo. Entretanto, algumas partes do conteúdo talvez sejam apresentadas com mais eficiência em formato de tabela em comparação a outras opções de apresentação, mas podem exigir um layout mais complexo. Por exemplo, talvez seja necessário usar recursos de expansão de células ou mais de um cabeçalho para transmitir efetivamente o conteúdo.

É possível criar tabelas complexas usando o objeto de tabela ou combinando objetos de subformulário. O objeto de tabela permite usar recursos que foram desenvolvidos para ajudar durante o processo de projeto, como opções para inserir e redimensionar colunas e linhas.

Dependendo da experiência e das preferências de projeto, você poderá optar por criar tabelas complexas, combinando objetos de subformulário. Por exemplo, é possível criar um subformulário que inclua duas linhas e que especifique esses subformulário como cabeçalho para a tabela e especifique outro subformulário para as linhas de corpo da tabela.

Ao usar objetos de subformulário no lugar de objetos de tabela para criar tabelas, as seguintes etapas adicionais são necessárias:

  • Defina o tipo para cada subformulário como Posicionado. Consulte Propriedades de subformulários na guia Subformulário.

  • Na paleta Acessibilidade, defina a função de subformulário apropriada para cada subformulário que compõe a tabela. Por exemplo, atribua a função de Linha de cabeçalho ao subformulário usado como cabeçalho da tabela. Consulte Propriedades de acessibilidade na paleta Acessibilidade.

  • Para linhas que apresentem informações sobre a tabela ou seu conteúdo, mas que não são consideradas parte dessa tabela, atribua a função de subformulário Nenhum. O leitor de tela interpretará o conteúdo da linha.

    Os recursos suportados pelo leitor de tela determinam as informações interpretadas para uma tabela complexa. Por exemplo, pressuponha que uma tabela inclua uma linha de cabeçalho e uma seção com uma linha de cabeçalho. Quando o usuário navegar até uma célula de linha de corpo na seção da tabela, o leitor de tela deverá interpretar o seguinte conteúdo, em ordem:

  • Conteúdo da célula apropriada na linha de cabeçalho da tabela

  • Conteúdo da célula apropriada na linha de cabeçalho da seção

  • Conteúdo da célula selecionada

    Alguns leitores de tela podem não interpretar células em ambas as linhas de cabeçalho.