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.