From 49234deacf935ad60639c8136f36c138e2c2f939 Mon Sep 17 00:00:00 2001
From: Soheil Alizadeh <xsoheilalizadeh@gmail.com>
Date: Wed, 19 Nov 2025 21:55:57 +0100
Subject: [PATCH] Add aria-hidden="true" when hiding the dev toast (#4990)

---
 packages/cli/assets/web/dev.index.html     | 4 +++-
 packages/desktop/src/assets/dev.index.html | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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>