diff -u b/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
--- b/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -17,10 +17,6 @@
+ width: 55%;
}
.password-strength {
width: 55%;
margin-top: -0.3em;
}
-div.password-confirm {
- visibility: hidden;
- width: 55%;
- height: .75em;
-}
diff -u b/core/modules/user/user.js b/core/modules/user/user.js
--- b/core/modules/user/user.js
+++ b/core/modules/user/user.js
@@ -46,13 +46,6 @@
$passwordSuggestions = $passwordInputParentWrapper.find('div.password-suggestions').hide();
}
- // Add the password confirmation layer.
- var outerWrapper = $passwordInput.parent().parent();
- var passwordConfirm = '
' + translate.confirmTitle + '
';
- outerWrapper.find('input.password-confirm').parent().append(passwordConfirm).addClass('confirm-parent');
- var confirmResult = outerWrapper.find('div.password-confirm');
- var confirmChild = confirmResult.find('span.password-confirm__text');
-
// Check that password and confirmation inputs match.
var passwordCheckMatch = function (confirmInputVal) {
var success = $passwordInput.val() === confirmInputVal;
@@ -60,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)
+ .attr('aria-live', 'assertive');
};
// Check the password strength.