From 5843d5ab2f8391bdf9a2c0aaee94695ead06f5d9 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Mon, 22 Jun 2026 13:09:38 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20hide=20mobile=20?=
 =?UTF-8?q?left=20panel=20from=20screen=20readers=20when=20collapsed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Hide closed mobile left panel from screen readers with inert
---
 CHANGELOG.md                                                   | 3 +++
 .../impress/src/features/left-panel/components/LeftPanel.tsx   | 1 +
 2 files changed, 4 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cc011031a..ee5f11bcd 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,9 @@ and this project adheres to
 
 - 🐛(frontend) fix removed item in the tree #2420
 
+### Changed
+
+- ♿️(frontend) hide mobile left panel from screen readers when collapsed #2450
 
 ## [v5.3.0] - 2026-06-19
 
diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
index 1158ac4cd..0a3dc0150 100644
--- a/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
+++ b/src/frontend/apps/impress/src/features/left-panel/components/LeftPanel.tsx
@@ -93,6 +93,7 @@ const LeftPanelMobile = () => {
       <Box
         $hasTransition
         $height="100vh"
+        inert={!isPanelOpenMobile}
         $css={css`
           z-index: 999;
           width: 100dvw;