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

Интервалы текста на сайте тренера: название занятия обрезалось после настройки

Катя в вымышленном примере увеличила расстояния между буквами и строками через пользовательскую настройку браузера. Размер букв остался прежним. На странице записи два названия занятий теперь заканчиваются одинаковым «Подготовка тренера…», а слова, отличающие форматы, не видны. Катя не хочет возвращать неудобные ей интервалы, но боится выбрать не тот вариант.

Проверять расстояния, а не только размер букв

В пояснении W3C к Text Spacing 1.4.12 для поддерживающей эти свойства разметки требуется отсутствие потери содержания и функций при одновременной настройке четырёх интервалов без изменения остальных стилей: межстрочного не менее 1,5 размера шрифта, после абзаца — 2, межбуквенного — 0,12 и межсловного — 0,16 размера шрифта.
Это не требование сразу оформить весь сайт с такими исходными значениями или встроить собственный регулятор. Нужно, чтобы пользовательское изменение не ломало материал. При размере 16 пикселей указанные множители дают 24 пикселя межстрочного интервала, 32 после абзаца, 1,92 между буквами и 2,56 между словами. Изменение только одного расстояния не повторяет эту комбинированную проверку.

Многоточие допустимо не при любой потере названия

W3C допускает сокращение многоточием, если полный текст остаётся доступен, например раскрывается при фокусе или активации либо на странице, куда ведёт ссылка. У Кати важно выяснить именно это: можно ли до выбора восстановить различие карточек, а не просто увидеть одинаковые короткие строки. Замена многоточия ещё одним обрезанным заголовком проблему не решает.
Разработчик на тестовой странице проверяет полные названия и действия карточек с указанными интервалами. Если текст скрывается в фиксированном контейнере, меняет его поведение или обеспечивает доступ к полному названию. Затем повторяет путь Кати без настоящей отправки заявки. Добавление более длинного названия занятия — повод повторить тест, даже когда нынешние две карточки уже различимы.
Обрезка при увеличении размера текста проверяется отдельно: там меняется размер, а не только интервалы. Нельзя заменять одну проверку другой. Описанное здесь требование относится к соответствующей разметке веб-страницы; W3C не применяет этот критерий к PDF. Перенос названий в документ поэтому не подтверждает, что сами карточки сайта исправлены.