diff --git a/CHANGELOG.md b/CHANGELOG.md index 96791f3cd..c164f5bd4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,8 @@ and this project adheres to - 🐛(frontend) fix duplicate document entries in grid #1479 - 🐛(frontend) show full nested doc names with ajustable bar #1456 +- ♿(frontend) improve accessibility: + - ♿(frontend) improve ARIA in document grid and editor for a11y compliance #1519 ## [3.8.2] - 2025-10-17 diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx index 3b6a67ade..e252dc50f 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx @@ -203,6 +203,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => { slashMenu={false} editable={!readOnly} theme="light" + aria-label={t('Document editor')} > @@ -219,6 +220,7 @@ export const BlockNoteEditorVersion = ({ initialContent, }: BlockNoteEditorVersionProps) => { const readOnly = true; + const { t } = useTranslation(); const editor = useCreateBlockNote( { collaboration: { @@ -236,7 +238,12 @@ export const BlockNoteEditorVersion = ({ return ( - + ); }; diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx index 51df82b47..f8aade75a 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx @@ -152,23 +152,23 @@ export const DocsGrid = ({ )} - {hasNextPage && !loading && ( - - {!isFetching && hasNextPage && ( - - )} - - )} + {hasNextPage && !loading && ( + + {!isFetching && hasNextPage && ( + + )} + + )} )} diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/Draggable.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/Draggable.tsx index cc554d73a..a38cf59c0 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/Draggable.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/Draggable.tsx @@ -19,7 +19,7 @@ export const Draggable = (props: DraggableProps) => { {...attributes} data-testid={`draggable-doc-${props.id}`} className="--docs--grid-draggable" - role="presentation" + role="none" > {props.children} diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/components/Droppable.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/components/Droppable.tsx index b53013939..4039f284f 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/components/Droppable.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/components/Droppable.tsx @@ -35,7 +35,7 @@ export const Droppable = ({