diff --git a/CHANGELOG.md b/CHANGELOG.md index 7e1ace17d..9598bd9c0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,11 @@ and this project adheres to ## [Unreleased] +### Fixed + +- ♿(frontend) improve accessibility: + - ♿(frontend) improve ARIA in doc grid and editor for a11y #1519 + ## [3.9.0] - 2025-11-10 ### Added 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 4d23e1be9..eee27c224 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 @@ -186,6 +186,7 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => { formattingToolbar={false} slashMenu={false} theme="light" + aria-label={t('Document editor')} > @@ -200,6 +201,7 @@ interface BlockNoteReaderProps { export const BlockNoteReader = ({ initialContent }: BlockNoteReaderProps) => { const { setEditor } = useEditorStore(); + const { t } = useTranslation(); const editor = useCreateBlockNote( { collaboration: { @@ -231,6 +233,7 @@ export const BlockNoteReader = ({ initialContent }: BlockNoteReaderProps) => { editor={editor} editable={false} theme="light" + aria-label={t('Document version viewer')} formattingToolbar={false} slashMenu={false} /> 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 = ({