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

Question

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

Answer 1

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

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

Это то, что мы имеем в виду, когда говорим «семантическая» разметка. Семантическая означает, что разметка точно описывает значение содержимого внутри нее - таблицы обтекания табличных данных, UL обертки неупорядоченных списков и т. Д.

Answer 2

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

Answer 3

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

Answer 4

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

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

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