Se um usuário é um dispositivo de tela pequena, há muitas situações em que ele nunca verá uma mensagem de erro.
Consultei este link Problemas de usabilidade com mensagens de erro / aviso / sucesso . Mas não recebo nenhuma resposta
Por exemplo ,
- se eles estiverem na etapa "Remessa" do processo de checkout e uma mensagem de erro for adicionada, eles poderão não ver a mensagem de erro sendo adicionada à parte superior da página.
- Minha sugestão seria rolar suavemente o usuário até a mensagem de erro, exibir a mensagem de erro ao lado do botão.
Respostas:
Uma solução rápida possível poderia ser usar linguagens de programação de alto nível como Javascript.
Verifique se o erro div tem valor usando o seletor em jQuery / Javascript e adicione um script jQuery para rolar para o topo:
Você também pode adicionar um efeito suave, se desejar.
fonte