Login to the site
Notes on inaccessibility
- The page specifies an invalid language.
-
The “login to the site” header is an
<h6>.
-
The form uses
<table>, including
<th> elements to make
the “labels” bold, not marked as presentational, for laying out
content.
-
The form input elements:
- don't have accessible names or, in the case of the Login input, have their visible label overwritten by a different
aria-label.
- have had their focus highlighting removed.
- don't identify their input purpose.
-
have heights set in
px which results in
user-entered text being cropped when text is resized to
200%.
-
All text not in an
<input> element doesn't have sufficient contrast.
- When the form is in an error state:
- Color alone is used to indicate the error.
- The red text fails contrast.
- The red borders around the
<input> elements fails color contrast.
- There is no best-practice announcement to screen readers that an error has occurred.
-
The form contains two links, going to two different URLs, with
just “here” as the accessible name.
- Horizontal scrolling happens at 400% zoom.
-
The Contact Us link in the footer:
- isn't keyboard accessible
- has a non-conforming focus state
- Goes to a page that isn't contact information
-
The page footer has an invalid
role attribute.