Как невалидность сертификата визуально отобразится для пользователя

В браузере появится предупреждение о небезопасном соединении. Текст варьируется, но обычно это:

• Красный замочек или перечеркнутый замочек в адресной строке
• Сообщение "Ваше соединение не защищено" (Chrome) или "Предупреждение о безопасности" (Firefox)
• Кнопка "Дополнительно" с возможностью продолжить на свой страх и риск (не рекомендуется)

Пример кода для обработки ошибки сертификата в JavaScript:

window.addEventListener('load', () => {
  if (window.location.protocol === 'https:') {
    fetch('/').catch(err => {
      if (err.message.includes('certificate')) {
        alert('Ошибка сертификата! Соединение небезопасно');
      }
    });
  }
});