✨(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

@@ -11,10 +11,6 @@ and this project adheres to
 ### Added
 
 - ✨(api) add API route to fetch document content #1206
-- ♿(frontend) improve accessibility:
-  - #1349
-  - #1271
-  - #1341
 
 ### Changed
 
@@ -23,6 +19,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
 
 ## [3.6.0] - 2025-09-04

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,6 +371,12 @@
       "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",
+      "Drag and drop status": "Drag-and-Drop-Status",
       "Organize": "Organisieren",
       "Others are editing. Your network prevent changes.": "Ihre Änderung konnte nicht übernommen werden, da andere Benutzer diesen Bereich zurzeit bearbeiten.",
       "Owner": "Besitzer",
@@ -458,6 +464,11 @@
       "Document title": "Document title",
       "Search docs": "Search docs",
       "More options": "More options",
+      "Open document actions menu": "Open document actions menu",
+      "Main content": "Main content",
+      "Home content": "Home content",
+      "Documents grid": "Documents grid",
+      "Drag and drop status": "Drag and drop status",
       "Pinned documents": "Pinned documents",
       "Close the access request modal": "Close the access request modal",
       "Close the delete modal": "Close the delete modal",
@@ -468,6 +479,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",
@@ -596,6 +608,12 @@
       "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",
+      "Drag and drop status": "Estado de arrastrar y soltar",
       "Organize": "Organiza",
       "Owner": "Propietario",
       "PDF": "PDF",
@@ -823,7 +841,13 @@
       "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",
+      "Documents grid": "Grille des documents",
+      "Drag and drop status": "État du glisser-déposer",
       "Organize": "Organiser",
       "Others are editing this document. Unfortunately your network blocks WebSockets, the technology enabling real-time co-editing.": "D'autres sont en train de modifier ce document. Malheureusement, votre réseau bloque les web sockets, la technologie permettant la coédition en temps réel.",
       "Others are editing. Your network prevent changes.": "D'autres sont en cours d'édition. Votre réseau empêche les changements.",
@@ -1183,6 +1207,12 @@
       "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",
+      "Drag and drop status": "Slepen en neerzetten status",
       "Organize": "Organiseer",
       "Owner": "Eigenaar",
       "PDF": "PDF",