diff --git a/packages/core/src/components/essentials/legend.ts b/packages/core/src/components/essentials/legend.ts
index 8e840b6971..162ceb66e5 100644
--- a/packages/core/src/components/essentials/legend.ts
+++ b/packages/core/src/components/essentials/legend.ts
@@ -20,7 +20,7 @@ export class Legend extends Component {
 	render() {
 		const svg = this.getContainerSVG().attr(
 			"role",
-			Roles.GRAPHICS_DOCUMENT
+			`${Roles.GRAPHICS_DOCUMENT} ${Roles.DOCUMENT}`,
 		);
 		const options = this.model.getOptions();
 		const legendOptions = Tools.getProperty(options, "legend");
diff --git a/packages/core/src/interfaces/a11y.ts b/packages/core/src/interfaces/a11y.ts
index 0061d9bf02..00d2ad4057 100644
--- a/packages/core/src/interfaces/a11y.ts
+++ b/packages/core/src/interfaces/a11y.ts
@@ -2,5 +2,6 @@ export enum Roles {
 	GRAPHICS_DOCUMENT = "graphics-document",
 	GRAPHICS_OBJECT = "graphics-object",
 	GRAPHICS_SYMBOL = "graphics-symbol",
-	GROUP = "group"
+	GROUP = "group",
+	DOCUMENT = "document"
 }