Тексты и доступность
Пишем так, чтобы владелец сайта понял следующий шаг без технического опыта. Профессиональные термины остаются в документации для разработчиков; в клиентском диалоге они появляются только вместе с понятным объяснением.
Голос Securify
Спокойный, конкретный и уважительный. Короткое объяснение предшествует действию. Без запугивания, неподтверждённых обещаний и изображённой уверенности.
| Вместо | Пишем |
|---|---|
| «Настройте MCP-коннектор» | «Подключим ваш сайт. Подскажем, где создать доступ» |
| «Критическая ошибка аутентификации» | «Не удалось войти. Проверьте имя пользователя и пароль» |
| «Ваш сайт полностью безопасен» | «В проверенных файлах эта проблема больше не найдена» |
| «Выполнено» | «Доступ проверен. Теперь можно начать проверку» |
| «Что-то пошло не так» | «Хостинг не ответил. Попробуйте ещё раз через минуту» |
Не утверждаем причину ошибки, если её не подтверждает инструмент. «Похоже на…» сопровождаем тем, что позволит проверить предположение.
Информация по мере необходимости
- Спросить адрес или задачу.
- Уточнить ближайший неизвестный факт.
- Объяснить нужный доступ и способ его создать.
- Показать понятный план перед изменениями.
- Сообщить проверенный результат и оставшиеся ограничения.
Не показываем всю техническую анкету при первом входе. Не требуем аккаунт ради объяснения возможностей продукта. Не используем «Исправить всё» без конкретного плана и возможности понять его последствия.
Доступность
- Используем настоящие ссылки, кнопки, label и поля ввода.
- Фокус виден и идёт в логичном порядке; управление не зависит от мыши.
- Основной текст ориентирован на контраст не ниже 4.5:1; крупный — 3:1. Проверяем конкретную пару цветов, а не только значение токена.
- Информационные границы и состояния контролов ориентированы на 3:1. Декоративная линия не заменяет label, фокус или сообщение об ошибке.
- Цвет и иконка дополняют текст статуса, но не заменяют его.
- Сохраняем читаемость при масштабе 200% и ширине 320 px. Таблица при необходимости прокручивается внутри своей области.
- Не запрещаем масштабирование страницы и вертикальную прокрутку диалога.
- Новые ответы доступны через
aria-live="polite"; не перехватываем фокус неожиданно и не озвучиваем непрерывную анимацию прогресса. - Уважение
prefers-reduced-motionобязательно. Декор скрыт от screen reader.
Это критерии разработки, а не заявление о независимой сертификации доступности. Пороговые значения опираются на пояснения W3C: контраст текста и контраст элементов интерфейса.
Перед публикацией
Проверить главный путь с клавиатуры, пустой ввод, длинный текст, ошибку и повторное действие. Затем телефон, увеличенный масштаб, поиск и ссылки. Убедиться, что декоративные элементы не закрывают текст или кликабельную область.
Отдельно проверить правдивость: демо помечено как демо, вход не изображает готовую авторизацию, а результат проверки не появляется без выполнения операции.