App Passwords: Improve accessibility.

- Make form inputs stacked instead of inline.
- Provide a visible label for the app name.
- Add screen reader text to dismiss button.
- Make "Revoke" button label more descriptive.
- Use aria-disabled instead of disabled to avoid focus loss.
- Display password in a readonly input to assist copy and paste.
- Remove large sections of italic text.
- Use `.form-wrap` and `.form-field` to give consistent form styling.
- Improve labeling and placeholder text.

Props alexstine, georgestephanis, afercia, TimothyBlynJacobs.
Fixes #51580.


git-svn-id: https://develop.svn.wordpress.org/trunk@49294 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/forms.css

@@ -851,11 +851,28 @@ table.form-table td .updated p {
 	cursor: pointer;
 }
 
+.create-application-password .form-field {
+	max-width: 25em;
+}
+
+.create-application-password label {
+	font-weight: 600;
+}
+
+.create-application-password p.submit {
+	margin-bottom: 0;
+	padding-bottom: 0;
+}
+
 .new-application-password-notice.notice {
 	margin-top: 20px;
 	margin-bottom: 0;
 }
 
+.application-password-display input.code {
+	width: 19em;
+}
+
 /*------------------------------------------------------------------------------
   19.0 - Tools
 ------------------------------------------------------------------------------*/