Added aria-pressed attribute to button

Solves issue coliff#24
slackero · Oct 30, 2021 · dd9cb61 · dd9cb61
1 parent f974e4d
commit dd9cb61
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/js/show-password-toggle.js b/js/show-password-toggle.js
@@ -12,15 +12,18 @@ if (ShowPasswordTogglesLength) {
     togglePasswordButton.type = 'button';
     togglePasswordButton.classList.add('toggle-password');
     togglePasswordButton.setAttribute('aria-label', togglePasswordButtonLabels.show);
+    togglePasswordButton.setAttribute('aria-pressed', 'false');
     togglePasswordButton.addEventListener('click', function() {
       if (passwordInput.type === 'password') {
         passwordInput.type = 'text';
         togglePasswordButton.classList.add('password-visible');
         togglePasswordButton.setAttribute('aria-label', togglePasswordButtonLabels.hide);
+        togglePasswordButton.setAttribute('aria-pressed', 'true');
       } else {
         passwordInput.type = 'password';
         togglePasswordButton.classList.remove('password-visible');
         togglePasswordButton.setAttribute('aria-label', togglePasswordButtonLabels.show);
+        togglePasswordButton.setAttribute('aria-pressed', 'false');
       }
     });
     passwordInput.after(togglePasswordButton);

diff --git a/js/show-password-toggle.min.js b/js/show-password-toggle.min.js