fixup! ✨(frontend) add sr-only instructions with aria-describedby links

Ovgodd · Ovgodd · commit c7bb80b55803 · 2025-12-08T02:10:35.000+01:00
diff --git a/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx b/src/frontend/apps/impress/src/features/docs/doc-tree/components/DocTree.tsx
@@ -230,10 +230,10 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {
         }
       `}
     >
-      {/* Instructions clavier pour les lecteurs d'écran */}
+      {/* Keyboard instructions for screen readers */}
       <Box id="doc-tree-keyboard-instructions" className="sr-only">
         {t(
-          'Use arrow keys to navigate between documents. Press Enter to open a document. Press F2 to access document actions.',
+          'Use arrow keys to navigate between documents. Press Enter to open a document. Press F2 to focus the emoji button when available, then press F2 again to access document actions.',
         )}
       </Box>
       <Box

Original file line number	Diff line number	Diff line change
`@@ -230,10 +230,10 @@ export const DocTree = ({ currentDoc }: DocTreeProps) => {`
`230`	`230`	`}`
`231`	`231`	`}
`232`	`232`	`>`
`233`		`- {/* Instructions clavier pour les lecteurs d'écran */}`
	`233`	`+ {/* Keyboard instructions for screen readers */}`
`234`	`234`	`<Box id="doc-tree-keyboard-instructions" className="sr-only">`
`235`	`235`	`{t(`
`236`		`- 'Use arrow keys to navigate between documents. Press Enter to open a document. Press F2 to access document actions.',`
	`236`	`+ 'Use arrow keys to navigate between documents. Press Enter to open a document. Press F2 to focus the emoji button when available, then press F2 again to access document actions.',`
`237`	`237`	`)}`
`238`	`238`	`</Box>`
`239`	`239`	`<Box`