From 14c84f000e6528520a7ed02c8f119dd5b2c2aeb2 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Tue, 30 Sep 2025 08:45:09 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20add=20h1=20for=20SR=20on?=
 =?UTF-8?q?=2040X=20pages=20and=20remove=20alt=20texts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

improves screen reader support on error pages by clarifying structure

Signed-off-by: Cyril <c.gromoff@gmail.com>
---
 CHANGELOG.md                                | 2 +-
 src/frontend/apps/impress/src/pages/401.tsx | 5 ++++-
 src/frontend/apps/impress/src/pages/404.tsx | 5 ++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9a3310b7..104cf048 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -25,7 +25,7 @@ and this project adheres to
   - ♿ remove redundant aria-label on hidden icons and update tests #1432
   - ♿ improve semantic structure and aria roles of leftpanel #1431
   - ♿ add default background to left panel for better accessibility #1423
-
+  - ♿ add h1 for SR on 40X pages and remove alt texts #1438
 ### Fixed
 
 - 🐛(backend) duplicate sub docs as root for reader users
diff --git a/src/frontend/apps/impress/src/pages/401.tsx b/src/frontend/apps/impress/src/pages/401.tsx
index ac9eb50c..ac19bd22 100644
--- a/src/frontend/apps/impress/src/pages/401.tsx
+++ b/src/frontend/apps/impress/src/pages/401.tsx
@@ -39,10 +39,13 @@ const Page: NextPageWithLayout = () => {
         $gap="1rem"
         $padding={{ bottom: '2rem' }}
       >
+        <Text as="h1" $textAlign="center" className="sr-only">
+          {t('401 Unauthorized')} - {t('Docs')}
+        </Text>
         <Image
           className="c__image-system-filter"
           src={img401}
-          alt={t('Image 401')}
+          alt=""
           style={{
             maxWidth: '100%',
             height: 'auto',
diff --git a/src/frontend/apps/impress/src/pages/404.tsx b/src/frontend/apps/impress/src/pages/404.tsx
index 111b15e2..6befcdec 100644
--- a/src/frontend/apps/impress/src/pages/404.tsx
+++ b/src/frontend/apps/impress/src/pages/404.tsx
@@ -35,10 +35,13 @@ const Page: NextPageWithLayout = () => {
         $gap="1rem"
         $padding={{ bottom: '2rem' }}
       >
+        <Text as="h1" $textAlign="center" className="sr-only">
+          {t('Page Not Found - Error 404')} - {t('Docs')}
+        </Text>
         <Image
           className="c__image-system-filter"
           src={img403}
-          alt={t('Image 403')}
+          alt=""
           style={{
             maxWidth: '100%',
             height: 'auto',