From 18f4ab880f09caf469a52c09b902141ff0eae234 Mon Sep 17 00:00:00 2001
From: Cyril <c.gromoff@gmail.com>
Date: Wed, 1 Oct 2025 11:33:02 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(frontend)=20update=20labels=20and=20s?=
 =?UTF-8?q?hared=20document=20icon=20accessibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

remove aria-labels from decorative icons and add sr-only text to shared doc icon

Signed-off-by: Cyril <c.gromoff@gmail.com>
---
 CHANGELOG.md                                  |  3 ++
 .../docs-grid/components/DocsGridItem.tsx     | 32 ++++++++++---------
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6dc38d58..ce4a5ddf 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -27,6 +27,9 @@ and this project adheres to
   - ♿ add default background to left panel for better accessibility #1423
   - ♿ restyle checked checkboxes: removing strikethrough #1439  
   - ♿ add h1 for SR on 40X pages and remove alt texts #1438
+  - ♿ update labels and shared document icon accessibility #1442
+
+
 ### Fixed
 
 - 🐛(backend) duplicate sub docs as root for reader users
diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
index efb1418e..8829d82d 100644
--- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx
@@ -102,17 +102,19 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
                   }
                 >
                   {dragMode && (
-                    <Icon
-                      $theme="greyscale"
-                      $variation="600"
-                      $size="14px"
-                      iconName={isPublic ? 'public' : 'vpn_lock'}
-                      aria-label={
-                        isPublic
+                    <>
+                      <Icon
+                        $theme="greyscale"
+                        $variation="600"
+                        $size="14px"
+                        iconName={isPublic ? 'public' : 'vpn_lock'}
+                      />
+                      <span className="sr-only">
+                        {isPublic
                           ? t('Accessible to anyone')
-                          : t('Accessible to authenticated users')
-                      }
-                    />
+                          : t('Accessible to authenticated users')}
+                      </span>
+                    </>
                   )}
                   {!dragMode && (
                     <Tooltip
@@ -131,12 +133,12 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
                           $variation="600"
                           $size="14px"
                           iconName={isPublic ? 'public' : 'vpn_lock'}
-                          aria-label={
-                            isPublic
-                              ? t('Accessible to anyone')
-                              : t('Accessible to authenticated users')
-                          }
                         />
+                        <span className="sr-only">
+                          {isPublic
+                            ? t('Accessible to anyone')
+                            : t('Accessible to authenticated users')}
+                        </span>
                       </div>
                     </Tooltip>
                   )}