Интервалы текста с нейросетью проверяют через подготовленный сценарий пользовательского изменения стилей. ИИ получает исходные тексты и условия, составляет заготовку протокола, а сотрудник применяет настройки к работающей странице. Результат упражнения — запись о том, сохранились ли слова, подписи и действия при изменении расстояний между строками, абзацами, буквами и словами.
Это отдельная задача для команды, которая выпускает учебные памятки и инструкции. Здесь предложен редакционный учебный пример, а не отчёт об аудите клиента или испытании конкретной модели. Успешное упражнение не подтверждает соответствие всего сайта WCAG.
Что именно проверяют при изменении интервалов?
Представьте карточку задания: короткий заголовок, поясняющий абзац и кнопка открытия материалов. При обычных настройках всё помещается. Пользователь увеличивает расстояния в тексте, и последняя строка пояснения исчезает за границей карточки. Размер шрифта остался прежним, однако часть инструкции уже нельзя прочитать.
Факт. Критерий WCAG Text Spacing уровня AA касается сохранности содержания и функций при одновременном изменении четырёх текстовых свойств без изменения остальных. В пояснении W3C Text Spacing приведены следующие значения:
| Свойство | Значение относительно размера шрифта |
|---|---|
| Высота строки | Не менее 1,5 |
| Интервал после абзаца | Не менее 2 |
| Межбуквенный интервал | Не менее 0,12 |
| Межсловный интервал | Не менее 0,16 |
В учебном сценарии применяем именно эти исходные значения одновременно. Не увеличиваем дополнительно размер шрифта, не меняем семейство и не сужаем окно ради получения нужного результата. Иначе в одном наблюдении смешаются разные воздействия.
Это не предписание всем дизайнерам использовать такие исходные интервалы. Смысл требования — пользователь может переопределить авторское оформление, сохранив информацию и возможность действовать. Отдельный переключатель на самом сайте критерий тоже не обязывает создавать.
Схема показывает условия и предмет испытания. Она не изображает настоящую страницу и не доказывает прохождение проверки. Все её сведения даны и в таблице выше: расстояния меняются совместно, а содержание и функции должны оставаться доступны.
Не подменяйте это испытание увеличением текста и перекомпоновкой. Там проверяют масштаб и условия области просмотра. Здесь мы оставляем их зафиксированными и меняем интервалы. Правильный контраст текста также не спасает скрытое окончание инструкции.
Расскажите, чему хотите научить команду. Обсудим задачи и формат обучения.
Какой исходник дать нейросети?
Для первого разбора возьмите вымышленный фрагмент. Он не должен содержать закрытых адресов, персональных данных или настоящих ответов сотрудников. Рабочие материалы передавайте только в разрешённый организацией инструмент и в разрешённом объёме.
Наш пример состоит из трёх текстовых элементов:
| Код | Полный исходный текст | Что требуется сохранить |
|---|---|---|
| А | «Перед встречей выберите пример для обсуждения» | Заголовок целиком |
| Б | «Прочитайте памятку. Запишите вопрос к выбранному примеру и сохраните его до занятия.» | Оба предложения пояснения |
| В | «Открыть памятку к занятию» | Полная подпись и открытие блока памятки |
Блок памятки в начальном состоянии закрыт. После активации кнопки В он открывается на той же странице. Его реальное содержимое и способ закрытия ведущий должен добавить в спецификацию до выполнения проверки. Пока этих данных нет, открытый блок можно включить в список вопросов, но нельзя объявить проверенным.
Сохраните исходник отдельно от ответа модели.
Не сокращайте условия.
Это точка сравнения. Если ИИ сократит Б до «Прочитайте памятку и запишите вопрос», пропадёт условие сохранения вопроса до занятия. Такая редактура не подтверждает доступность исходного текста. В упражнении мы не разрешаем сокращать подписи ради того, чтобы они поместились.
К спецификации добавьте адрес учебного стенда, версию, согласованную среду и перечень раскладок. Не выдумывайте браузер или ширину окна: ведущий заполняет их перед работой. Если у страницы есть разные адаптивные раскладки, в технике W3C о переопределении интервалов предложено проверять каждую.
Как сформулировать поручение ИИ?
Мнение. Я предлагаю оценивать ответ модели по тому, можно ли выполнить его шаги и отличить ожидаемый результат от наблюдения. Красиво оформленный протокол с заранее заполненным «всё доступно» для такого занятия бесполезен.
Передайте модели таблицу А–В и следующий шаблон. Это предложение редакции, не результат сравнительного тестирования сервисов:
Подготовь заготовку проверки пользовательских интервалов текста для учебного фрагмента А–В. Сохрани все исходные формулировки. Предусмотри одновременное задание высоты строки 1,5 размера шрифта, интервала после абзаца 2 размера шрифта, межбуквенного интервала 0,12 и межсловного 0,16 размера шрифта. Остальные текстовые свойства не меняем. Для каждого элемента запиши ожидаемую сохранность текста и функции, начальное состояние, поле способа применения настроек и пустое поле фактического наблюдения. Не утверждай, что открыл стенд, применил стили или проверил кнопку. Не назначай CSS-исправления по одному описанию. Неизвестные сведения вынеси в вопросы ведущему. Открытый блок памятки пока не описан полностью: отметь это ограничение.
Полученный ответ прочитайте целиком. Удалите из фактической колонки любые результаты, которые никто не наблюдал. Проверьте, что модель не разделила настройки на независимые испытания и не добавила увеличение шрифта. Поиск причины отдельным изменением одного свойства возможен позже, но не заменяет совместное испытание.
Попросите сохранить исходные тексты в отдельной колонке. Это помогает заметить сокращение, но не освобождает человека от сверки с исходником. Если модель предложила новую подпись, оставьте её как отдельный редакционный вариант, не используйте вместо текста В в текущем протоколе.
Как применить настройки и проверить их действие?
Сначала откройте согласованную версию и прочитайте А, Б и В при обычных настройках. Убедитесь, что подпись В полная и кнопка открывает памятку. Исходная ошибка остаётся отдельным наблюдением: её нельзя приписать изменению интервалов, которое ещё не выполняли.
Для учебного прогона используйте согласованный со специалистом способ переопределения: пользовательский стиль, расширение либо другой подходящий инструмент. W3C перечисляет такие варианты, но не требует установки конкретного расширения. Не вставляйте в рабочий браузер непроверенный код из ответа ИИ.
В процедуре указанной техники W3C исходный масштаб — 100%. Запишите его вместе с версией и раскладкой. Затем примените все четыре настройки и попросите технического специалиста подтвердить, что они действительно воздействуют на нужные текстовые элементы. Одного сообщения инструмента «включено» недостаточно для вашего журнала.
Если переопределение не применилось, результат — «испытание не выполнено», а не «прошло». Пояснение W3C отдельно оговаривает ситуацию, когда выбранный пользователем механизм не сумел корректно назначить свойства: это само по себе не означает отказ содержимого, если оно намеренно не препятствует переопределению. Причину и применимость проверяет специалист.
Проверка начинается с чтения.
Прочитайте А до последнего слова. Затем сверяйте Б с исходником по предложениям, включая условие «до занятия». Посмотрите, не закрывает ли текст подпись кнопки и не оказался ли заголовок под соседним блоком. Откройте памятку кнопкой В. Наличие кнопки на скриншоте не подтверждает доступность её действия.
Для каждой раскладки заведите собственное наблюдение.
Перед сменой условий верните исходные настройки и зафиксируйте новое состояние. Не сравнивайте снимок с закрытой памяткой до испытания со снимком открытой после него: увеличение блока могло возникнуть просто из-за раскрытия.
Как отличить обрезку от допустимого многоточия?
В разборе W3C обрезки и наложения показаны типичные проблемы после изменения интервалов: текст выходит из ограниченного блока, перекрывает соседний абзац или скрывается за границей. В учебной карточке Б важно найти не «некрасивый отступ», а конкретную потерю слов либо помеху чтению и действию.
Не объявляйте любое многоточие ошибкой автоматически.
Проверьте доступ к продолжению.
Пояснение Text Spacing допускает сокращённое представление, если полный текст остаётся доступен: например, раскрывается предусмотренным механизмом или присутствует на странице перехода. Нужно проверить сам путь получения полного текста. Предположение «наверное, есть подсказка» не заполняет протокол.
В исходнике нашей кнопки В никакого дополнительного механизма для раскрытия подписи не задано. Если после настройки видны только слова «Открыть памятку…», спросите ведущего о полном доступном тексте и способе его получения. До ответа сохраните наблюдение и открытый вопрос. Не придумывайте всплывающую подсказку от имени интерфейса.
Точно так же перенос заголовка на новую строку сам по себе не является потерей содержания. Если всё читается и действия доступны, фиксируйте это фактически. Задача упражнения — сохранность информации, а не неизменность высоты карточки или количества строк.
Не переносите сюда исключения из соседнего критерия перекомпоновки без отдельного обоснования. Text Spacing имеет собственную область применения и исключение для языков и письменностей, где отдельные свойства не используются. Наш русский учебный фрагмент не даёт основания произвольно пропустить одно из четырёх свойств.
Что вне границ такого упражнения?
Text Spacing касается содержимого в языках разметки, поддерживающих соответствующие свойства. В пояснении W3C отдельно отмечено, что PDF не входит в область этого критерия. Изображения текста также не ожидаются адаптирующимися к таким стилям. Поэтому текст на картинке нельзя записать как проверенный HTML-абзац только потому, что он выглядит похоже.
Это не делает картинку или PDF автоматически доступными. У них другие вопросы проверки. В нашем протоколе отметьте тип содержимого и передайте отдельную задачу специалисту. Не превращайте ограничение одного критерия в заключение о всём документе.
Схема выше тоже растровая и не меняет интервалы при переопределении стилей. Именно поэтому условия испытания повторены обычным текстом и таблицей. Иллюстрация объясняет связи; измерения выполняют на работающей странице учебного стенда.
Как оформить замечание и принять работу сотрудника?
Карточка замечания должна позволять коллеге повторить наблюдение. Сохраните адрес и версию, среду, раскладку, начальное состояние, способ применения и подтверждённые настройки. Затем укажите полный ожидаемый текст и то, что человек действительно увидел. Скриншот или запись приложите как доказательство, а не вместо условий воспроизведения.
Пример ниже вымышленный, пока он не выполнен на стенде:
Элемент Б. Ожидаемый текст — оба предложения исходника, включая «сохраните его до занятия». Настройки — четыре согласованных интервала одновременно; прочие свойства без изменений. Условное наблюдение: после применения видна только первая фраза, продолжение скрыто границей карточки. Версия, среда, способ применения и доказательство — заполняются проверяющим. Статус: заготовка, испытание не выполнено.
Не записывайте диагноз «виновата фиксированная высота», если её никто не исследовал. В разборе W3C ограниченные размеры и скрытый выход содержимого названы возможными причинами, однако конкретную реализацию определяет разработчик. Ваше наблюдение должно оставаться верным и тогда, когда причина окажется другой.
После исправления повторите тот же сценарий на новой версии. Старую запись сохраните: она показывает, какая потеря была найдена. Если изменились исходные тексты или условия, объясните различие до сравнения результатов. Статус исполнителя «поправлено» не является повторным испытанием.
Ведущий принимает работу по трём отдельным результатам: заготовка ИИ сохранила исходник и все настройки; сотрудник выполнил действия и записал реальные наблюдения; замечание воспроизводится и имеет доказательство. Если выполнен только первый этап, не отмечайте весь сценарий завершённым.
Для разбора такого задания на обучении команды работе с ИИ можно использовать собственную учебную памятку: согласовать входные данные, сравнить ответы модели и проверить, умеют ли сотрудники отличать подготовку протокола от проверки страницы. Содержание занятия определяют задачи команды; эта статья не обещает готового аудита или сертификации.
Частые вопросы
Нужно сразу менять оформление всего сайта?
Нет. В упражнении мы проверяем, сохраняется ли содержание при пользовательском переопределении. Настройки исходного дизайна обсуждают отдельно. Не превращайте числа из критерия в универсальный рецепт типографики.
Можно менять интервалы по одному?
Для поиска причины специалист может изолировать одно свойство. Однако это не заменяет основное испытание: в нём применяются все четыре настройки одновременно. В журнале разделите диагностику и результат совместного изменения.
Что делать, если инструмент не применил стили?
Записать, что проверка не выполнена, сохранить способ и обратиться к специалисту. Нельзя отмечать отсутствие видимых изменений как успешный результат, пока не подтверждено применение настроек к нужным элементам.
Достаточно снимка после изменения?
Он помогает показать состояние, но не заменяет исходник, параметры и действия. По нему нельзя установить, что сотрудник открыл памятку кнопкой. Сохраните фактическое наблюдение и условия воспроизведения.
Источники
- W3C: Text Spacing — условия и границы пользовательских интервалов — .
- W3C: переопределение текстовых интервалов — техника и процедура — .
- W3C: обрезка и наложение после изменения интервалов — разбор отказа — .
