diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
index 0b6afcf..164087d 100644
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -2,10 +2,6 @@
* @file
* Module styling for user module.
*/
-.password-strength__title,
-.password-strength__text {
- display: inline;
-}
.password-strength__meter {
height: 0.75em;
margin-top: 0.5em;
@@ -18,4 +14,9 @@
}
.password-confirm-match {
visibility: hidden;
+ width: 55%;
+}
+.password-strength {
+ width: 55%;
+ margin-top: -0.3em;
}
diff --git a/core/modules/user/user.js b/core/modules/user/user.js
index a2ce834..c96abd9 100644
--- a/core/modules/user/user.js
+++ b/core/modules/user/user.js
@@ -40,7 +40,7 @@
// If the password strength indicator is enabled, add its markup.
if (settings.password.showStrengthIndicator) {
- var passwordMeter = '
' + translate.strengthTitle + '
';
+ var passwordMeter = '' + translate.strengthTitle + '
';
$confirmInput.parent().after('');
$passwordInputParent.append(passwordMeter);
$passwordSuggestions = $passwordInputParentWrapper.find('div.password-suggestions').hide();
@@ -53,7 +53,9 @@
// Fill in the success message and set the class accordingly.
$confirmChild.html(translate['confirm' + (success ? 'Success' : 'Failure')])
- .removeClass('ok error').addClass(confirmClass);
+ .removeClass('ok error')
+ .addClass(confirmClass);
+ $confirmResult.attr('aria-live', 'assertive');
};
// Check the password strength.
diff --git a/core/modules/user/user.libraries.yml b/core/modules/user/user.libraries.yml
index e11cbfa..7c17427 100644
--- a/core/modules/user/user.libraries.yml
+++ b/core/modules/user/user.libraries.yml
@@ -11,6 +11,7 @@ drupal.user:
- core/jquery
- core/drupal
- core/jquery.once
+ - core/drupal.announce
drupal.user.admin:
version: VERSION