The error message provided when a user enters incorrect login information is inadequate. The message is located beneath the login form which could cause it to be missed by keyboard-only users or users who use screen magnification.
Also, if a user accidentally skips a form field, an error message is not provided to make them aware of this mistake. This could cause users to grow confused or assume that the submit button is broken.
Here is the source code of the error message provided when it appears:
<span ng-show=""loginFailed"" class=""label label-warning"">Login Failed</span>
We should provide adequate error messages so that all users are made aware of any input mistakes that may be made.
See: https://www.w3.org/WAI/WCAG21/quickref/#error-identification
See: https://www.w3.org/WAI/WCAG21/Understanding/error-identification.html
See also: https://wiki.evergreen-ils.org/doku.php?id=accessibility:webclient_audit
Branch: https:/
To test, just try to log in with a username or password that doesn't work. You should see a large alert-danger message with an icon above the form inputs, rather than the small yellow badge that was previously to the right of the Sign In button. (See screenshot.)