Add role=button to container divs

Author: luisrudge

src/components/Chatwoot/index.tsx

@@ -46,6 +46,7 @@ const Provider = ({ color }: Props): JSX.Element | null => {
   return (
     <div>
       <div
+        role="button"
         aria-label="Load Chat"
         aria-busy="true"
         aria-live="polite"

src/components/Drift/index.tsx

@@ -75,6 +75,7 @@ const Drift = ({
     <div style={positionStyles}>
       <div style={styles.container}>
         <div
+          role="button"
           aria-label="Load Chat"
           aria-busy="true"
           aria-live="polite"
@@ -97,7 +98,7 @@ const Drift = ({
                 height="20"
                 viewBox="0 0 20 20"
                 focusable="false"
-                aria-hidden="true"
+                aria-hid  den="true"
                 style={{
                   display: state === 'initial' ? 'initial' : 'none'
                 }}

src/components/HelpScout/index.tsx

@@ -208,6 +208,7 @@ const HelpScout = ({
       }}
     >
       <button
+        role="button"
         aria-label="Load Chat"
         aria-busy="true"
         aria-live="polite"

src/components/Intercom/index.tsx

@@ -108,6 +108,7 @@ const Intercom = ({ color }: Props): JSX.Element | null => {
     >
       <div style={styles.region}>
         <div
+          role="button"
           aria-label="Load Chat"
           aria-busy="true"
           aria-live="polite"

src/components/Messenger/index.tsx

@@ -75,6 +75,7 @@ const Widget = ({ color }: { color: string }): JSX.Element | null => {
   return (
     <div
       style={styles}
+      role="button"
       aria-label="Load Chat"
       aria-busy="true"
       aria-live="polite"

src/components/Userlike/index.tsx

@@ -68,6 +68,7 @@ const Userlike = ({
   return (
     <div style={{ ...styles.container, ...positionStyles, ...shapeStyle }}>
       <button
+        role="button"
         aria-label="Load Chat"
         aria-busy="true"
         aria-live="polite"