В чем проблема с тегом <table>
, которого нет с тегом <div>
для пользователей программ чтения с экрана? Пожалуйста, объясните на примере.
Почему ‹table› не подходит для макета, а ‹div› подходит? для пользователей программ чтения с экрана
Ответы (1)
Я думаю, потому что вы можете передать правильную таблицу через звук, но не можете проанализировать таблицу, используемую для макета, и произнести ее разумно.
Пример
Title | Age
Bob | 6
Greg | 10
Это можно говорить.
Но как насчет этого?
[img] | Welcome to my site | [img]
News | [img]
Как вы думаете, как это будет читать слабовидящему человеку?
Все упирается в семантику. Таблицу, используемую для целей макета, нельзя анализировать и читать правильно (или надежно). Div — это просто раздел на странице, не обязательно для макета. Я не думаю, что скринридеры придают какое-либо семантическое значение div при озвучивании содержимого страницы.
Многие сайты до сих пор используют таблицы для компоновки. Я подозреваю, что он будет становиться все меньше и меньше по мере снижения доли браузеров, поддерживающих CSS (например, IE6).
Кроме того, некоторые правительственные сайты должны быть доступны для всех. Это Раздел 508. Использование таблиц для макета, вероятно, нарушит это.
Если вы хотите иметь представление о том, что может прочитать программа чтения с экрана, ознакомьтесь с Fangs. для Firefox (ссылка на программу чтения с экрана JAWS).