Кейсы
Работа с клиентом

Широкая таблица тренировок: исключение для сетки не распространяется на пояснения

Егор в вымышленной ситуации увеличивает страницу веб-плана. Таблицу он может просмотреть горизонтально, но длинный комментарий под ней тоже уходит вправо. Для каждой строки приходится двигать страницу туда и обратно. Тренер отвечает, что сетке нужна ширина. Это объясняет устройство таблицы, но не объясняет, почему так же читается обычный абзац.

Две области страницы — два требования к раскладке

Пояснение W3C к Reflow 1.4.10 требует для вертикально прокручиваемого содержания при ширине, эквивалентной 320 CSS-пикселям, сохранения информации и функций без необходимости прокрутки в двух направлениях. Для частей, которым двумерное расположение необходимо по смыслу или для работы, предусмотрено исключение. Среди примеров — таблицы данных, но не отдельные ячейки.
Исключение одной области не распространяется автоматически на остальное содержание. W3C приводит пример таблицы в отдельном прокручиваемом контейнере: она сохраняет сетку, а соседние абзацы переносятся по доступной ширине. При этом сам факт горизонтальной полосы на странице ещё не доказывает нарушение: важны причина и поведение содержания, не попадающего под исключение.

Что именно проверяют в плане Егора

На тестовой версии разработчик отделяет широкую таблицу от пояснений. Егор должен читать каждую строку комментария без постоянного движения вправо и влево, а затем пользоваться доступными действиями плана. Таблицу проверяют как таблицу, не удаляя столбцы ради исчезновения полосы прокрутки. Потерять нужные сведения — не удачный способ сделать страницу уже.
Указанные 320 CSS-пикселей не являются обещанием удобства на телефоне определённой модели. W3C поясняет эквивалентность: исходная ширина области просмотра 1280 CSS-пикселей при увеличении до 400%. Для обычной страницы с вертикальным чтением проверяют соответствующее сужение и сохранение содержания. Число физических пикселей дисплея не подменяет этот ориентир.

Сетка стала доступна глазу, но не обязательно диктору

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