fix(toast): added screen reader support

Kajabi · Jan 21, 2021 · 69abd91 · 69abd91
1 parent ca8f787
commit 69abd91
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/sage-system/lib/toast.js b/packages/sage-system/lib/toast.js
@@ -34,7 +34,7 @@ Sage.toast = (function () {
     toast.classList.add('sage-toast--style-'+ config.type);
     toast.innerHTML = `
     <i class="sage-toast__icon sage-icon-${config.icon}"></i>
-    <output><p class="sage-toast__value">${config.message}</p></output>
+    <output aria-live="assertive" aria-atomic="true"><p class="sage-toast__value">${config.message}</p></output>
     <button type="button" data-js-toast-close class="sage-toast__close sage-btn sage-btn--subtle sage-btn--secondary sage-btn--icon-only-remove"><span class="visually-hidden">Close</span></button>`;
 
     document.body.appendChild(toast);