⚡️(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

CHANGELOG.md

@@ -28,6 +28,7 @@ and this project adheres to
 - ⚡️(frontend) improve accessibility
  - #1232
  - #1248
+ - #1262
 - 🛂(frontend) block drag n drop when not desktop #1239
 
 ### Fixed

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",