Перейти к содержимому

Тексты и доступность ​

Пишем так, чтобы владелец сайта понял следующий шаг без технического опыта. Профессиональные термины остаются в документации для разработчиков; в клиентском диалоге они появляются только вместе с понятным объяснением.

Голос Securify ​

Спокойный, конкретный и уважительный. Короткое объяснение предшествует действию. Без запугивания, неподтверждённых обещаний и изображённой уверенности.

ВместоПишем
«Настройте MCP-коннектор»«Подключим ваш сайт. Подскажем, где создать доступ»
«Критическая ошибка аутентификации»«Не удалось войти. Проверьте имя пользователя и пароль»
«Ваш сайт полностью безопасен»«В проверенных файлах эта проблема больше не найдена»
«Выполнено»«Доступ проверен. Теперь можно начать проверку»
«Что-то пошло не так»«Хостинг не ответил. Попробуйте ещё раз через минуту»

Не утверждаем причину ошибки, если её не подтверждает инструмент. «Похоже на…» сопровождаем тем, что позволит проверить предположение.

Информация по мере необходимости ​

  1. Спросить адрес или задачу.
  2. Уточнить ближайший неизвестный факт.
  3. Объяснить нужный доступ и способ его создать.
  4. Показать понятный план перед изменениями.
  5. Сообщить проверенный результат и оставшиеся ограничения.

Не показываем всю техническую анкету при первом входе. Не требуем аккаунт ради объяснения возможностей продукта. Не используем «Исправить всё» без конкретного плана и возможности понять его последствия.

Доступность ​

  • Используем настоящие ссылки, кнопки, label и поля ввода.
  • Фокус виден и идёт в логичном порядке; управление не зависит от мыши.
  • Основной текст ориентирован на контраст не ниже 4.5:1; крупный — 3:1. Проверяем конкретную пару цветов, а не только значение токена.
  • Информационные границы и состояния контролов ориентированы на 3:1. Декоративная линия не заменяет label, фокус или сообщение об ошибке.
  • Цвет и иконка дополняют текст статуса, но не заменяют его.
  • Сохраняем читаемость при масштабе 200% и ширине 320 px. Таблица при необходимости прокручивается внутри своей области.
  • Не запрещаем масштабирование страницы и вертикальную прокрутку диалога.
  • Новые ответы доступны через aria-live="polite"; не перехватываем фокус неожиданно и не озвучиваем непрерывную анимацию прогресса.
  • Уважение prefers-reduced-motion обязательно. Декор скрыт от screen reader.

Это критерии разработки, а не заявление о независимой сертификации доступности. Пороговые значения опираются на пояснения W3C: контраст текста и контраст элементов интерфейса.

Перед публикацией ​

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

Отдельно проверить правдивость: демо помечено как демо, вход не изображает готовую авторизацию, а результат проверки не появляется без выполнения операции.

Securify · Документация проекта · Прототип → MVP