fix: 943-audit-avt1-homepage-banner-role (#944)

* fix: issue 808 - removed button in ImageGallereyImage

* Revert "fix: issue 808 - removed button in ImageGallereyImage"

This reverts commit 8d797b2.

* fix: 943-audit-avt1-homepage-banner-role

Co-authored-by: andrea.cardonaibm.com <andrea.cardonaibm.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Vince Picone <vpicone@gmail.com>

packages/gatsby-theme-carbon/src/components/Container/Container.js

@@ -44,18 +44,19 @@ const Container = ({ children, homepage, theme }) => {
 
   return (
     <>
+      <span hidden id="overlay-label">
+        Collapse navigation items
+      </span>
       <div
+        role="button"
+        aria-labelledby="overlay-label"
+        tabIndex="0"
         className={cx(overlay, { [visible]: overlayVisible })}
         onClick={closeNavs}
         onKeyPress={closeNavs}
-        role="presentation"
-        tabIndex="-1"
       />
       <main
         id="main-content"
-        role="presentation" // needed for jsx-a11y/no-noninteractive-element-interactions
-        onClick={closeNavs}
-        onKeyPress={closeNavs}
         aria-hidden={overlayVisible}
         className={containerClassNames}>
         {children}