⚡️(frontend) make LeftPanelTargetFilter accessible and use Box as nav

adds aria-label and focus-visible to improve accessibility

Signed-off-by: Cyril <c.gromoff@gmail.com>

Author: Ovgodd

src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx

@@ -48,6 +48,8 @@ export const LeftPanelTargetFilters = () => {
 
   return (
     <Box
+      as="nav"
+      aria-label={t('Document sections')}
       $justify="center"
       $padding={{ horizontal: 'sm' }}
       $gap={spacingsTokens['2xs']}
@@ -77,6 +79,11 @@ export const LeftPanelTargetFilters = () => {
               &:hover {
                 background-color: ${colorsTokens['greyscale-100']};
               }
+              &:focus-visible {
+                outline: 2px solid ${colorsTokens['primary-500']};
+                outline-offset: 2px;
+                border-radius: ${spacingsTokens['3xs']};
+              }
             `}
           >
             <Icon

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

@@ -43,6 +43,7 @@
       "Document accessible to any connected person": "Restr a c'hall bezañ tizhet gant ne vern piv a vefe kevreet",
       "Document duplicated successfully!": "Restr eilet gant berzh!",
       "Document owner": "Perc'henn ar restr",
+      "Document sections": "Rannoù an teul",
       "Docx": "Docx",
       "Download": "Pellgargañ",
       "Download anyway": "Pellgargañ memestra",
@@ -215,6 +216,7 @@
       "Document accessible to any connected person": "Dokument für jeden angemeldeten Benutzer zugänglich",
       "Document duplicated successfully!": "Dokument erfolgreich dupliziert!",
       "Document owner": "Besitzer des Dokuments",
+      "Document sections": "Dokumentabschnitte",
       "Docx": "Docx",
       "Download": "Herunterladen",
       "Download anyway": "Trotzdem herunterladen",
@@ -425,6 +427,7 @@
       "Docs: Your new companion to collaborate on documents efficiently, intuitively, and securely.": "Docs: su nuevo compañero para colaborar en documentos de forma eficiente, intuitiva y segura.",
       "Document accessible to any connected person": "Documento accesible a cualquier persona conectada",
       "Document owner": "Propietario del documento",
+      "Document sections": "Secciones del documento",
       "Docx": "Docx",
       "Download": "Descargar",
       "Download anyway": "Descargar de todos modos",
@@ -616,6 +619,7 @@
       "Document accessible to any connected person": "Document accessible à toute personne connectée",
       "Document duplicated successfully!": "Document dupliqué avec succès !",
       "Document owner": "Propriétaire du document",
+      "Document sections": "Sections des documents",
       "Docx": "Docx",
       "Download": "Télécharger",
       "Download anyway": "Télécharger malgré tout",
@@ -981,6 +985,7 @@
       "Docs: Your new companion to collaborate on documents efficiently, intuitively, and securely.": "Docs: Je nieuwe metgezel om efficiënt, intuïtief en veilig samen te werken aan documenten.",
       "Document accessible to any connected person": "Document is toegankelijk voor ieder verbonden persoon",
       "Document owner": "Document eigenaar",
+      "Document sections": "Document secties",
       "Docx": "Docx",
       "Download": "Download",
       "Download anyway": "Download alsnog",