MAGETWO-54161: Customer Password Strength Accessibility issues

undefined-olha · undefined-olha · commit f5563a8cbfa0 · 2016-06-17T13:10:49.000+03:00
diff --git a/app/code/Magento/Customer/view/frontend/templates/form/edit.phtml b/app/code/Magento/Customer/view/frontend/templates/form/edit.phtml
@@ -59,10 +59,10 @@
                     data-input="new-password"
                     data-validate="{required:true, 'validate-customer-password':true}"
                     autocomplete="off" />
-                <div id="password-strength-meter-container" data-role="password-strength-meter" >
+                <div id="password-strength-meter-container" data-role="password-strength-meter" aria-live="polite">
                     <div id="password-strength-meter" class="password-strength-meter">
                         <?php /* @escapeNotVerified */ echo __('Password Strength'); ?>:
-                        <span id="password-strength-meter-label" data-role="password-strength-meter-label" >
+                        <span id="password-strength-meter-label" data-role="password-strength-meter-label">
                             <?php /* @escapeNotVerified */ echo __('No Password'); ?>
                         </span>
                     </div>
diff --git a/app/code/Magento/Customer/view/frontend/templates/form/register.phtml b/app/code/Magento/Customer/view/frontend/templates/form/register.phtml
@@ -146,10 +146,10 @@
                        data-password-min-character-sets="<?php echo $block->escapeHtml($block->getRequiredCharacterClassesNumber()) ?>"
                        data-validate="{required:true, 'validate-customer-password':true}"
                        autocomplete="off">
-                <div id="password-strength-meter-container" data-role="password-strength-meter" >
+                <div id="password-strength-meter-container" data-role="password-strength-meter" aria-live="polite">
                     <div id="password-strength-meter" class="password-strength-meter">
                         <?php /* @escapeNotVerified */ echo __('Password Strength'); ?>:
-                        <span id="password-strength-meter-label" data-role="password-strength-meter-label" >
+                        <span id="password-strength-meter-label" data-role="password-strength-meter-label">
                             <?php /* @escapeNotVerified */ echo __('No Password'); ?>
                         </span>
                     </div>
diff --git a/app/code/Magento/Customer/view/frontend/templates/form/resetforgottenpassword.phtml b/app/code/Magento/Customer/view/frontend/templates/form/resetforgottenpassword.phtml
@@ -23,7 +23,7 @@
                        data-password-min-character-sets="<?php echo $block->escapeHtml($block->getRequiredCharacterClassesNumber()) ?>"
                        data-validate="{required:true, 'validate-customer-password':true}"
                        autocomplete="off">
-                <div id="password-strength-meter-container" data-role="password-strength-meter">
+                <div id="password-strength-meter-container" data-role="password-strength-meter" aria-live="polite">
                     <div id="password-strength-meter" class="password-strength-meter">
                         <?php /* @escapeNotVerified */ echo __('Password Strength'); ?>:
                         <span id="password-strength-meter-label" data-role="password-strength-meter-label">
diff --git a/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Customer/web/css/source/_module.less
@@ -250,6 +250,7 @@
 
             .input-text {
                 .lib-vendor-prefix-order(0);
+                z-index: 2;
             }
         }
     }
diff --git a/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Customer/web/css/source/_module.less
@@ -232,6 +232,7 @@
 
             .input-text {
                 .lib-vendor-prefix-order(0);
+                z-index: 2;
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -250,6 +250,7 @@`
`250`	`250`
`251`	`251`	`.input-text {`
`252`	`252`	`.lib-vendor-prefix-order(0);`
	`253`	`+ z-index: 2;`
`253`	`254`	`}`
`254`	`255`	`}`
`255`	`256`	`}`
Original file line number	Diff line number	Diff line change
`@@ -232,6 +232,7 @@`
`232`	`232`
`233`	`233`	`.input-text {`
`234`	`234`	`.lib-vendor-prefix-order(0);`
	`235`	`+ z-index: 2;`
`235`	`236`	`}`
`236`	`237`	`}`
`237`	`238`	`}`