diff --git a/packages/cli/assets/web/dev.index.html b/packages/cli/assets/web/dev.index.html
index dac725057..baa2e9357 100644
--- a/packages/cli/assets/web/dev.index.html
+++ b/packages/cli/assets/web/dev.index.html
@@ -109,6 +109,7 @@
                 document.getElementById("__dx-toast-text").innerText = headerText;
                 document.getElementById("__dx-toast-msg").innerText = message;
                 document.getElementById("__dx-toast-inner").style.right = "0";
+                document.getElementById("__dx-toast").removeAttribute("aria-hidden");
                 document.getElementById("__dx-toast").addEventListener("click", closeDXToast);
 
 
@@ -144,6 +145,7 @@
             // Close the current toast.
             function closeDXToast() {
                 document.getElementById("__dx-toast-inner").style.right = "-1000px";
+                document.getElementById("__dx-toast").setAttribute("aria-hidden", "true");
                 clearTimeout(currentTimeout);
             }
 
@@ -161,7 +163,7 @@
         </script>
     </head>
     <body>
-        <div id="__dx-toast" class="dx-toast">
+        <div id="__dx-toast" class="dx-toast" aria-hidden="true">
             <div id="__dx-toast-inner" class="dx-toast-inner" style="right:-1000px;">
                 <div class="dx-toast-level-bar-container">
                     <div id="__dx-toast-decor" class="dx-toast-level-bar __info"></div>
diff --git a/packages/desktop/src/assets/dev.index.html b/packages/desktop/src/assets/dev.index.html
index 792c1d90f..8322d7bcd 100644
--- a/packages/desktop/src/assets/dev.index.html
+++ b/packages/desktop/src/assets/dev.index.html
@@ -107,6 +107,7 @@
                 document.getElementById("__dx-toast-text").innerText = headerText;
                 document.getElementById("__dx-toast-msg").innerText = message;
                 document.getElementById("__dx-toast-inner").style.right = "0";
+                document.getElementById("__dx-toast").removeAttribute("aria-hidden");
                 document.getElementById("__dx-toast").addEventListener("click", closeDXToast);
 
 
@@ -142,6 +143,7 @@
             // Close the current toast.
             function closeDXToast() {
                 document.getElementById("__dx-toast-inner").style.right = "-1000px";
+                document.getElementById("__dx-toast").setAttribute("aria-hidden", "true");
                 clearTimeout(currentTimeout);
             }
 
@@ -160,7 +162,7 @@
         <!-- CUSTOM HEAD -->
     </head>
     <body>
-        <div id="__dx-toast" class="dx-toast">
+        <div id="__dx-toast" class="dx-toast" aria-hidden="true">
             <div id="__dx-toast-inner" class="dx-toast-inner" style="right:-1000px;">
                 <div class="dx-toast-level-bar-container">
                     <div id="__dx-toast-decor" class="dx-toast-level-bar __info"></div>