Почему сайты на основе таблиц вредны для пользователей программы чтения с экрана?

Question

Насколько проще с этим работать программам чтения с экрана <div> основанные веб-сайты в отличие от более старых <table> основанные на веб-сайтах, и чем они хуже?

Answer 1

Программы чтения с экрана принимают содержимое внутри table является табличным и читается как таковой.Например."строка 1, столбец 1:(содержание)".Если вы используете таблицы для компоновки своего сайта, это не обязательно будет иметь какой-либо смысл.Вы сообщаете конечному клиенту, что у вас есть данные с табличной значимостью, хотя на самом деле это не так.

По контрасту, div не имеют никакого значения, кроме "раздел", поэтому программы чтения с экрана не пытаются их обозначить.Вы можете использовать divs для создания произвольных визуальных разрывов в вашем макете, не влияя на значение из разметки.

Это то, что мы имеем в виду, когда говорим "семантическая" разметка.Семантический означает, что разметка точно описывает значение содержимого внутри него - таблицы переносят табличные данные, ULs переносить неупорядоченные списки и т.д.

Answer 2

Сайты, основанные на таблицах, могут ввести программу чтения с экрана в заблуждение относительно типа представляемых данных.Первоначально таблицы использовались для отображения 2D-списка данных.Но поскольку таблицы используются для соответствия дизайну, читателям пришлось бы различать назначение таблицы.

Answer 3

Это зависит от того, для чего используется таблица.Если для верстки используется таблица, программа чтения с экрана не имеет возможности узнать об этом и считывает ячейку за ячейкой, начиная с первой строки, первого столбца, второй строки, второго столбца, первой строки, двух столбцов, второго столбца и т.д., Что часто не соответствует способу просмотра содержимого.Если данные должны отображаться в структурированной форме, таблицы - лучший способ использовать программы чтения с экрана, поскольку с помощью нажатий клавиш можно читать строку за строкой и столбец за столбцом.Как пользователь программы чтения с экрана, я нахожу неприятным, когда данные, по-видимому, не имеют никакого значения, потому что они либо плохо представлены в таблице, либо таблица вообще не используется, а используется какая-то другая визуальная индикация.

Answer 4

Точка зрения о том, что DIVs лучше работают с программами чтения с экрана, чем таблицы, упускает реальную проблему.

Текущие стандарты CSS и HTML просто не предоставляют никаких явных тегов / индикаторов для помощи программам чтения с экрана.Пока они этого не сделают, независимо от того, используете ли вы DIV или tables, вам остается только надеяться, что ваша "семантически правильная CSS-страница" или "таблицы выполнения задания" работают с большинством программ чтения с экрана.

Не забывайте, что создать непонятную страницу, используя только DIVs, так же легко, как и использовать таблицы.