Add aria-hidden="true" when hiding the dev toast (#4990)

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>

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>