Инструкция «нажмите круглую кнопку справа» требует найти элемент по форме и положению. Чтобы подготовить такие инструкции с нейросетью, сначала соберите реальные названия действий, затем попросите ИИ предложить текстовые ориентиры и проверьте их на странице. Результат — карта исправлений: исходная фраза, однозначно названный элемент, новый текст и подтверждение, что человек может найти нужное действие без угадывания внешнего вида.
Что именно нужно исправить?
Представьте учебный кабинет. В памятке написано: «Откройте блок справа, выберите большой круг и дождитесь звука». На широком экране автор помнит, где находится каждый элемент. У другого участника блоки расположены иначе, а назначение большого круга непонятно. Редактура «выберите заметный элемент» ничего не меняет: название действия по-прежнему отсутствует.
В этой статье разбираем указания, которые опираются только на сенсорный признак: форму, цвет, размер, расположение, ориентацию или звук. Полезное действие упражнения — заменить зависимость от такого признака проверяемым текстовым ориентиром. Сами цвета и формы удалять не требуется.
Все элементы кабинета ниже вымышлены. Это предлагаемый редакцией учебный разбор, а не аудит клиента, результат испытания нейросети или заключение о доступности сайта. Первичные документы W3C объясняют требования и примеры; они не подтверждают качество нашего промпта.
Не смешивайте разные проверки. Контраст текста требует измерений цветовых пар. Связь подписи с полем касается назначения ввода и разметки. Здесь мы проверяем другое: может ли читатель однозначно понять, на какой элемент ссылается инструкция, без знания его формы или положения.
Расскажите, чему хотите научить команду. Обсудим задачи и формат обучения.
Что говорит критерий о сенсорных характеристиках?
В пояснении W3C Sensory Characteristics подчёркнуто: указание формы или места может быть полезно многим людям. Его допустимо сохранить, если информация дана и другим способом. Поэтому фраза «выберите зелёную стрелку с надписью “Далее”» отличается от «выберите зелёную стрелку»: в первом случае присутствует текстовый ориентир.
Это не запрет слов «справа» и «ниже».
У документа есть отдельное пояснение для языков, в которых «выше» и «ниже» могут обозначать предшествующее и последующее содержимое. Если порядок чтения соответствует такой отсылке и она однозначна, выражение вроде «выберите одну из ссылок ниже» может удовлетворять критерию. Следовательно, простой поиск запрещённых слов даст ложные замечания.
Техника G96 предлагает дополнить сенсорный ориентир названием, назначением или другим способом идентификации, который от него не зависит. Техники — примеры выполнения требований, а не единственный обязательный способ реализации. Для нашей тренировки выберем точные текстовые названия: их проще сопоставить с исходным заданием.
Соберите факты о странице до запроса к ИИ
Для упражнения используем три элемента одной условной страницы. Владелец материала заранее задал их названия и функции:
| Код | Элемент и его текст | Назначение | Неудачная инструкция |
|---|---|---|---|
| A | Раздел «Материалы практикума» | Список учебных файлов | Откройте блок справа |
| B | Кнопка «Проверить ответ» | Запускает проверку введённого ответа | Нажмите большой круг |
| C | Сообщение «Ответ принят» | Сообщает о завершении отправки | Дождитесь звука |
В C речь идёт о сообщении на странице, а не о гарантированной доступности уведомления для вспомогательных технологий. Текст сообщения задан условиями; фактический способ его объявления ещё не проверен. Не расширяйте задачу редактора незаметным обещанием, что уведомление услышат все пользователи.
Для реального материала сохраните исходную фразу целиком, место её появления, версию страницы, текст элемента и его функцию. Скриншот может помочь зафиксировать внешний вид. Назначение кнопки и наличие нужного раздела надо подтвердить по согласованной реализации, а не вывести из картинки.
Если название неизвестно, строка остаётся вопросом владельцу.
Нельзя поручить ИИ придумать «Материалы» и затем сообщить, что инструкция исправлена: такого заголовка может не существовать. Для учебной таблицы выше все три текста заданы явно. В рабочем случае сначала установите факт, затем предложите новую формулировку.
Используйте разрешённый искусственный фрагмент без данных участников и внутренних документов. Нам достаточно подписей, функций и нескольких фраз; полный кабинет или действующие доступы для такого разбора не нужны.
Как поставить нейросети ограниченную задачу?
Передайте три строки A–C и выдержку из правила вместе с форматом ответа. Сразу укажите, что в задании ещё нет результатов проверки готовой страницы. Это удерживает различие между предложением текста и завершённой работой.
Предлагаемый запрос:
Разбери инструкции учебной страницы по таблице A–C. Сохрани исходные фразы дословно. Для каждой укажи сенсорный ориентир, подтверждённый текст или функцию элемента, предложенную инструкцию и вопрос для проверки на странице. Не меняй назначение действий и не придумывай названий. Если текст элемента неизвестен, оставь вопрос владельцу. Не объявляй слова «справа» и «ниже» запрещёнными: проверь, зависит ли инструкция только от сенсорного признака. Не заполняй фактический результат проверки и не делай заключение о соответствии всего кабинета WCAG. Предлагаемый порядок работы отдели от положений W3C.
После запроса вставьте таблицу и пояснение о сообщении C полностью. Не передавайте только неудачные фразы: без словаря элементов модель будет заполнять пробелы собственными названиями. Уверенный ответ «кнопка называется Продолжить» не имеет основания в нашем примере.
Сохраните фактический ответ выбранного сервиса. Пример запроса здесь не является отчётом об эксперименте и не обещает одинаковое поведение разных моделей. Обсуждать с командой стоит полученные строки и основания каждого изменения.
Как выглядят исправления для нашего примера?
Для A предлагаем: «Откройте раздел “Материалы практикума”». Название есть в исходнике, функция сохранена. Указание «справа» можно добавить как дополнительный ориентир только там, где это соответствует фактической компоновке. Оно не должно оставаться единственным способом найти раздел.
Для B: «Чтобы проверить введённый ответ, нажмите “Проверить ответ”». Слова «большой круг» можно убрать без потери функции. Но нельзя заменить инструкцию на «Отправьте ответ»: в условиях кнопка запускает проверку, а отправка — другое действие. Сокращение, которое меняет переход, возвращают на исправление.
Для C: «После отправки дождитесь сообщения “Ответ принят”». Это предложение ссылается на заданный текст результата. Оно ещё не доказывает, что сообщение действительно появляется и доступно в нужном режиме. Если фактического сообщения нет, возникает задача реализации; одной редактурой памятки её не закрыть.
| Код | Основание правки | Что проверить в реализации |
|---|---|---|
| A | Название раздела «Материалы практикума» есть в условиях | Раздел действительно так называется и содержит нужные файлы |
| B | У кнопки задано действие проверки и текст «Проверить ответ» | Инструкция ведёт именно к проверке, без случайной отправки |
| C | Задан текст результата «Ответ принят» | Сообщение появляется после согласованной отправки; его доступность оценивается отдельно |
Такая таблица не дублирует проверку доступного имени. Если видимая строка кнопки расходится с вычисленным именем, потребуется отдельное сравнение двух представлений элемента. Здесь сначала исправляется сама отсылка в инструкции. Правильная фраза не исправляет скрытое имя автоматически.
Не принимайте синонимы вместо точного ориентира по привычке. «Откройте ресурсы» выглядит естественно, однако на нашей странице раздел называется иначе. Для упражнения сохраняем согласованное название. Если редакция решит переименовать раздел, это будет отдельное изменение исходных условий и всех зависящих от него инструкций.
Где модель может ошибиться при проверке?
Первый ложный вывод: «В инструкции есть слово “справа”, значит нарушен критерий». В примере G96 раздел навигации назван по заголовку, а положение служит дополнительной подсказкой. Важно проверить наличие независимой идентификации. Поиск одного слова — только способ найти фразу для чтения, не готовое заключение.
Второй: «Есть два визуальных признака, значит зависимости уже нет». Круглая зелёная кнопка всё ещё описана только внешним видом. В пояснении W3C приведён пример расписания с цветными фигурами: сочетание цвета и формы само по себе не устраняет такую зависимость. Нужен другой доступный способ передать соответствие, который специалист проверит в контексте.
Третий: «Убрать все ориентиры — всегда улучшение». Короткое «нажмите кнопку» может стать менее определённым, чем исходник. Сохраните полезную подсказку и добавьте точное название, если оно подтверждено. Цель упражнения — понятное действие, а не минимальное число слов.
Наконец, не заменяйте отсутствие сведений уверенным проектом. Для строки «выберите значок» без названия и описания функции правильный результат — вопрос: какой компонент имеется в виду и как его можно однозначно идентифицировать? «Выберите настройки» допустимо лишь после подтверждения, что речь именно о настройках.
Как проверить текст после переноса на страницу?
Откройте согласованный стенд и найдите каждую исходную инструкцию. Сопоставьте новый текст с реальным названием и действием. Для A должно быть понятно, какой именно раздел содержит материалы. Для B проверяющий должен отличить проверку от отправки. Для C нужно установить наличие сообщения после предусмотренного действия.
Разбор ошибки F14 объясняет, почему привязка только к положению ненадёжна: компоновка может меняться с размером окна, экрана или шрифта. В нашем упражнении поэтому предусмотрена сверка широкого и узкого представления. Это выбранный редакцией объём тренировки, а не универсальное число режимов для полного аудита.
В каждом представлении запишите конкретное наблюдение. «Раздел найден по заголовку “Материалы практикума”» полезнее, чем «на мобильном всё хорошо». Если блок переместился, но инструкция по-прежнему называет его однозначно, сама перемена расположения не является дефектом этой отсылки. Если заголовок исчез, сохраните расхождение и передайте владельцу реализации.
Для вспомогательных технологий согласуйте отдельную проверку со специалистом. Не записывайте её как выполненную после обычного чтения текста. Наличие нужных слов не подтверждает программную структуру, клавиатурное управление или фактическое объявление сообщения C. В карточке должны остаться версия, среда, инструкция, найденный элемент и незавершённые проверки.
После изменения названия повторите затронутые отсылки. Старый протокол относится к прежней версии страницы; его нельзя переносить автоматически. Если «Материалы практикума» стали «Файлы занятия», проверьте и памятку, и сам раздел. Одинаковые слова в двух редакторских документах ещё не подтверждают их появление на стенде.
Как принять учебное задание у команды?
Попросите сотрудника сдать исходные условия, ответ ИИ, исправленную карту и наблюдения со стенда либо явную отметку «не проверено». Для каждой принятой строки должно быть понятно, какой сенсорный признак перестал быть единственной опорой и откуда взято новое название.
Для контрольного разбора предложите три дефекта: модель выдумала заголовок «Ресурсы», заменила проверку ответа отправкой и объявила все фразы со словом «ниже» нарушениями. Сотрудник должен восстановить исходные названия, различить функции и объяснить контекст отсылки. Количество найденных слов не заменяет такой разбор.
Фактическая основа статьи — три полностью прочитанных первичных документа W3C одного издателя. Это не измерение поискового спроса и не сравнение ИИ-сервисов. Карта и запрос предложены для обучения редактора; они не сертифицируют кабинет и не подтверждают эффективность определённой модели.
Такое упражнение можно включить в корпоративное обучение ИИ для авторов инструкций и учебных материалов. Для обсуждения программы подготовьте искусственный фрагмент, список согласованных названий и роли тех, кто проверяет реализацию.
Частые вопросы
Нужно ли удалить из инструкции цвет и форму?
Нет. Пояснение W3C допускает такие подсказки, когда информация дана и другим способом. В упражнении добавляем подтверждённое название элемента, а полезный визуальный ориентир можем сохранить.
Достаточно ли заменить «справа» на «в разделе»?
Нет, если неясно, какой раздел имеется в виду. В нашей строке A нужен конкретный заголовок «Материалы практикума» и проверка, что именно там находятся нужные файлы.
Доказывает ли новая инструкция доступность уведомления?
Нет. Для C редактор предлагает отсылку к тексту «Ответ принят». Наличие сообщения и его фактическую доступность проверяют отдельно. В таблице нельзя отмечать эти проверки успешными заранее.
Источники
- W3C: Sensory Characteristics — критерий 1.3.3, допустимые дополнительные ориентиры и границы позиционных отсылок.
- W3C: G96 — текстовая идентификация и процедура проверки ссылок на сенсорные свойства.
- W3C: F14 — ошибки отсылок только к форме или положению и зависимость расположения от компоновки.
