WCAG 2.0 с использованием таблиц для макета
-
27-10-2019 - |
Вопрос
Разрешает ли WCAG 2.0 таблицы для макета, я ничего не вижу в руководящих принципах, которые говорят, что вы не можете, но это удивляет меня.
Решение
http://www.w3.org/tr/wcag20-techs/h73.html
Хотя WCAG 2 не запрещает использование таблиц макетов, рекомендуются макеты на основе CSS для сохранения определенного семантического значения элементов таблицы HTML и соответствовать практике кодирования отделения презентации от содержания
Другие советы
Я бы добавил в @Jordan ответить, что имбрированные таблицы недоступны. Таблица макета должна избегать использования любого элемента, используемого в таблицах данных, то есть:
- нет
caption
,thead
,tfoot
а такжеth
Элементы (толькоtable
,tr
,td
и необязательноtbody
) summary
атрибут (он может быть пустым),headers
,scope
(Толькоrowspan
а такжеcolspan
. Анкет А такжеid
очевидно)- странные вещи, как
axis
или жеcol
элемент
Он также должен быть линейным, то есть должен иметь смысл, когда ячейки считываются сверху вниз и слева направо.
Актуальны WCAG 2.0 Методы сбоя:
- F46: отказ (...) из-за использования элементов, элементов заголовка или непустых сводных атрибутов в таблицах макета
- F49: отказ (...) из -за использования таблицы макетов HTML, которая не имеет смысла при линеаризованном
Примечание: Если вы используете таблицы только для конструктивных ограничений, то сведены к вашему сведению, вы можете использовать display: table;
(а также table-row
а также table-cell
) в каждом браузере, кроме IE6 и IE7.