Куда лучше помещать сообщения об ошибках в форме?

Разберёмся

Ошибка должна быть рядом с полем, связанной программно и заметной визуально — без опоры только на цвет.

Рекомендации

• У поля: текст ошибки сразу после/до инпута.
• Связь через aria-describedby (и при необходимости aria-invalid="true").
• Сводка ошибок вверху формы для длинных форм + ссылки к полям.
• Фокус: при submit — на сводку или первое невалидное поле.

<label for="email">Email</label>
<input id="email" type="email" aria-invalid="true" aria-describedby="email-err">
<p id="email-err">Укажите email в формате name@example.com</p>

Итог

Локально у поля + программная связь. Глобальный список — дополнение для больших форм.