✨(frontend) document visible in list are now openable via enter key

the document now appears in the list and can be opened using the enter key

Signed-off-by: Cyril <[email protected]>

Author: Ovgodd

CHANGELOG.md

@@ -24,6 +24,10 @@ and this project adheres to
 - ♿(frontend) improve accessibility:
   - ♿(frontend) fix major accessibility issues reported by wave and axe #1344
   - #1341
+  - #1349
+  - #1271
+  - #1341
+  - #1365
 - ♻️(tilt) use helm dev-backend chart
 
 ### Removed

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGridItem.tsx

@@ -1,5 +1,7 @@
 import { Tooltip, useModal } from '@openfun/cunningham-react';
 import { DateTime } from 'luxon';
+import { useRouter } from 'next/router';
+import { KeyboardEvent } from 'react';
 import { useTranslation } from 'react-i18next';
 import { css } from 'styled-components';
 
@@ -23,6 +25,7 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
   const { t } = useTranslation();
   const { isDesktop } = useResponsiveStore();
   const { flexLeft, flexRight } = useResponsiveDocGrid();
+  const router = useRouter();
   const { spacingsTokens } = useCunninghamTheme();
   const shareModal = useModal();
   const isPublic = doc.link_reach === LinkReach.PUBLIC;
@@ -33,6 +36,13 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
     shareModal.open();
   };
 
+  const handleKeyDown = (e: KeyboardEvent) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      void router.push(`/docs/${doc.id}`);
+    }
+  };
+
   return (
     <>
       <Box
@@ -52,6 +62,10 @@ export const DocsGridItem = ({ doc, dragMode = false }: DocsGridItemProps) => {
           }
         `}
         className="--docs--doc-grid-item"
+        onKeyDown={handleKeyDown}
+        aria-label={t('Open document: {{title}}', {
+          title: doc.title || t('Untitled document'),
+        })}
       >
         <Box
           $flex={flexLeft}

src/frontend/apps/impress/src/i18n/translations.json

@@ -371,7 +371,7 @@
       "Open Source": "Open Source",
       "Open the document options": "Öffnen Sie die Dokumentoptionen",
       "Open the header menu": "Öffne das Kopfzeilen-Menü",
-      "Open document actions menu": "Dokumentaktionsmenü öffnen",
+      "Open document: {{title}}": "Dokument öffnen: {{title}}",
       "Main content": "Hauptinhalt",
       "Home content": "Startseiten-Inhalt",
       "Documents grid": "Dokumentenraster",
@@ -478,6 +478,7 @@
       "Cancel the deletion": "Cancel the deletion",
       "Cancel the download": "Cancel the download",
       "Open actions menu for document: {{title}}": "Open actions menu for document: {{title}}",
+      "Open document: {{title}}": "Open document: {{title}}",
       "Open the menu of actions for the document: {{title}}": "Open the menu of actions for the document: {{title}}",
       "Share with {{count}} users_one": "Share with {{count}} user",
       "Shared with {{count}} users_many": "Shared with {{count}} users",
@@ -606,7 +607,7 @@
       "Open Source": "Código abierto",
       "Open the document options": "Abrir las opciones del documento",
       "Open the header menu": "Abrir el menú de encabezado",
-      "Open document actions menu": "Abrir menú de acciones del documento",
+      "Open document: {{title}}": "Abrir documento: {{title}}",
       "Main content": "Contenido principal",
       "Home content": "Contenido de inicio",
       "Documents grid": "Lista de documentos",
@@ -838,7 +839,7 @@
       "Open Source": "Open Source",
       "Open the document options": "Ouvrir les options du document",
       "Open the header menu": "Ouvrir le menu d'en-tête",
-      "Open document actions menu": "Ouvrir le menu d'actions du document",
+      "Open document: {{title}}": "Ouvrir le document : {{title}}",
       "Open the menu of actions for the document: {{title}}": "Ouvrir le menu des actions du document : {{title}}",
       "Main content": "Contenu principal",
       "Home content": "Contenu d'accueil",
@@ -1203,7 +1204,7 @@
       "Open Source": "Open Source",
       "Open the document options": "Open document opties",
       "Open the header menu": "Open het hoofdmenu",
-      "Open document actions menu": "Open documentactiemenu",
+      "Open document: {{title}}": "Document openen: {{title}}",
       "Main content": "Hoofdinhoud",
       "Home content": "Startpagina-inhoud",
       "Documents grid": "Documentenraster",