feat: accessibility attributes for map container

Author: andreishket

vis/js/templates/Geomap/HeightContainer/config.ts

@@ -0,0 +1,4 @@
+export const ACCESSABILITY_ATTRIBUTES = {
+  "role": "region",
+  "aria-label": "Geo Map of aquatic mesocosm facilities",
+};

vis/js/templates/Geomap/HeightContainer/index.tsx

@@ -2,9 +2,14 @@ import { FC, PropsWithChildren } from "react";
 import { useSelector } from "react-redux";
 
 import { getMapHeight } from "./selectors";
+import { ACCESSABILITY_ATTRIBUTES } from "./config";
 
 export const HeightContainer: FC<PropsWithChildren> = ({ children }) => {
   const height = useSelector(getMapHeight);
 
-  return <div style={{ height }}>{children}</div>;
+  return (
+    <div style={{ height }} {...ACCESSABILITY_ATTRIBUTES}>
+      {children}
+    </div>
+  );
 };