Aria грешки.

Теория. Грешката не бива да е само червен цвят — хора с цветна слепота и екранни четци не го виждат. Нужен е текст до полето и програмна връзка към него:

- Собствено съобщение в елемент, например <p id="email-error">. - aria-invalid="true" на полето, когато е невалидно. - aria-describedby="email-error" на полето — екранният четец ще прочете съобщението заедно с етикета. - role="alert" на съобщението (по избор) — обявява се, когато се появи.

Малък пример:

field.setAttribute("aria-invalid", "true");
field.setAttribute("aria-describedby", "email-error");
error.textContent = "Email is required";

Когато полето стане валидно, махни aria-invalid и изчисти текста.

Честа грешка: съобщение само с цвят; aria-describedby, което сочи към несъществуващ id; съобщение без текст вътре.