Add aria-describedby attribute

alberto-rj · Jun 9, 2024 · f2a442d · f2a442d
1 parent 3389bb5
commit f2a442d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/main.js b/main.js
@@ -10,11 +10,13 @@ const emailOutput = document.getElementById('emailOutput');
 const showError = () => {
   emailParent.classList.add('invalid');
   emailField.setAttribute('aria-invalid', 'true');
+  emailField.setAttribute('aria-describedby', 'emailError');
 };
 
 const hideError = () => {
   emailParent.classList.remove('invalid');
   emailField.removeAttribute('aria-invalid');
+  emailField.removeAttribute('aria-describedby');
 };
 
 const showComponent = component => {
@@ -75,4 +77,4 @@ const addMoveAnimation = () => {
 emailField.addEventListener('input', handleInput);
 form.addEventListener('submit', handleSubmit);
 dismissBtn.addEventListener('click', handleDismiss);
-window.addEventListener('DOMContentLoaded', addMoveAnimation);
+window.addEventListener('DOMContentLoaded', addMoveAnimation);