Por que os sites baseados em tabela são ruins para os usuários de leitores de tela?

Question

Quão mais fácil é para os leitores de tela lidar <div> sites baseados em oposição ao mais velho <table> sites baseados e por que eles são piores?

Answer 1

Os leitores de tela assumem o conteúdo dentro de um table é tabular e lê como tal. Por exemplo, "Linha 1, coluna 1: (conteúdo)". Se você usar tabelas para exibir seu site, isso não fará necessariamente nenhum sentido. Você está dizendo ao cliente final que tem dados com significado tabular, quando realmente não tem.

Por contraste, div Não tenha nenhum significado além da "seção", portanto, os leitores de tela não tentam significá -los. Você pode usar o divs para fazer quebras visuais arbitrárias em seu layout sem afetar o significado da marcação.

É isso que queremos dizer quando dizemos marcação "semântica". Semântica significa que a marcação descreve com precisão o significado do conteúdo dentro dele - tabelas envolvem dados tabulares, ULs Praço não ordenado listas, etc.

Answer 2

Sites baseados em tabela podem confundir o leitor de tela para o tipo de dados que estão sendo apresentados. Originalmente, as tabelas foram usadas para mostrar uma lista 2D de dados. Mas com as tabelas sendo usadas para se encaixar em designs, os leitores teriam que distinguir a intenção da tabela.

Answer 3

Depende do que uma tabela é usada. Se uma tabela for usada para layout, o leitor de tela não tem como saber disso e lê célula por célula, começando na linha um, coluna um, linha um coluna dois, linha duas coluna uma linha dois coluna dois, etc, que geralmente não são A maneira como o conteúdo deve ser visto. Se os dados precisarem ser exibidos em um formulário estruturado, forem a melhor maneira de ir com os leitores de tela, pois as teclas podem ser usadas para ler linha por linha e coluna por coluna. Como usuário do leitor de tela, acho isso quando os dados não parecem fazer nenhum sentido, porque são mal colocados com uma tabela ou uma tabela não é usada e alguma outra indicação visual é usada.

Answer 4

O ponto de vista de que o DIVS funciona melhor com os leitores de tela do que as tabelas está perdendo o problema real.

Os padrões atuais de CSS e HTML simplesmente não fornecem tags/indicadores explícitos para ajudar os leitores de tela. Até que o façam, independentemente de você usar o DIV ou as tabelas, você deve apenas esperar que sua "página CSS semanticamente correta" ou "faça o trabalho das tabelas" trabalhe com a maioria dos leitores de tela.

Não se esqueça, é igualmente fácil criar uma página incompreensível usando apenas o DIVS, pois está usando tabelas.