Improving accessibility of the login button

[Andrea-Guevara]

References

• Fixes The log in button is not fully accessible to users using a screen reader #3249

Description

Use of the “attr.aria-disabled” attribute to improve the accessibility of the log in button.

Instructions for Reviewers

In the component “log-in-password.component”, in the login button, the attribute “[disabled]” has been replaced by “[attr.aria-disabled]”. Styling has also been added to maintain the disabled effect while the button is not enabled.

List of changes in this PR:

• Addition of the “[attr.aria-disabled]” attribute.
• Styling of the “btn-primary:disabled” class

To reproduce:

1. Go to the login area.
2. Navigate the keyboard using a screen reader.
3. See that the “login” button, even if disabled, is accessible by keyboard navigation and screen readers.

[tdonohue]

This appears to have been replaced / superseded by #3268. Because @artlowel had asked to claim #3249 first, and they implemented a larger fix, I'm closing this PR as "won't fix".

Please see #3268 instead.