App Passwords: Further accessibility improvements.

- Add a label to the readonly password input.
- Handle focus loss after revoking app passwords.
- Handle focus loss after dismissing notices.
- Mark app name as `aria-required`.
- Use `aria-label` for detailed revoke button text instead of `title`.
- Use `-1` for `tabindex` instead of `0`.

Props alexstine, afercia, sabernhardt, audrasjb, joedolson, TimothyBlynJacobs.
Fixes #51580.


git-svn-id: https://develop.svn.wordpress.org/trunk@49549 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Timothy Jacobs
2020-11-09 18:03:57 +00:00
parent 63db886240
commit d519284b5c
7 changed files with 68 additions and 45 deletions
+5 -1
View File
@@ -864,7 +864,7 @@ table.form-table td .updated p {
padding-bottom: 0;
}
.new-application-password-notice.notice {
#application-passwords-section .notice {
margin-top: 20px;
margin-bottom: 0;
}
@@ -873,6 +873,10 @@ table.form-table td .updated p {
width: 19em;
}
.auth-app-card.card {
max-width: 768px;
}
/*------------------------------------------------------------------------------
19.0 - Tools
------------------------------------------------------------------------------*/