Added the role="application" to the chart wrapper

Author: DiogoRDuarte

src/AutoVizuA11y.tsx

@@ -391,7 +391,7 @@ export const AutoVizuA11y = ({
 	);
 
 	return (
-		<>
+		<div className={constants.AUTOVIZUA11Y_CLASSES.a11yWrapper} role="application">
 			<div
 				ref={chartRef}
 				onKeyDown={handleOnKeyDown}
@@ -409,6 +409,6 @@ export const AutoVizuA11y = ({
 				setIsShortcutGuideOpen={setIsShortcutGuideOpen}
 				t={t}
 			/>
-		</>
+		</div>
 	);
 };

src/constants.ts

@@ -21,6 +21,7 @@ export const FOCUS_CLASS = "focused";
 export const ALERT_DURATION = 1000;
 export const AUTOVIZUA11Y_CLASSES = {
 	alertDiv: "a11y_alert visually-hidden",
+	a11yWrapper: "a11y_wrapper",
 	a11yChart: "a11y_chart",
 	a11yDesc: "a11y_desc visually-hidden",
 	a11yNavGuide: "a11y_nav_guide",