Further accessibility improvement suggestions
Many thanks to Greg Gay (from Ryerson) for his very useful feedback and guidance!
-
For the inline red error messages, add a role="alert" to the elements containing the messages. This will force screen readers to read them when they appear, without having to go looking for the messages.
-
For the X button to close the registration, welcome, update password, and login dialogs, add a text label "close". An aria-label="close" would work for this purpose, added to the button markup. They currently announce as "button".
-
The success dialog that opens after logging in, opens briefly, but then disappears before I, with vision, can read the message or get to the OK button, and the screen reader does not seem to notice that dialog. It does not block logging in with the screen reader, but it would make it more difficult to tell whether the login was successful.
-
Optionally you could include a success dialog/message after logging out.
I did not go through a full registration, to see what happens after. But, maybe extrapolate from the above and apply that to whatever happens after successfully (or not) registering.