Merge pull request #107 from luisrudge/main

Add role=button to container divs to improve a11y

Author: Michael Dijkstra

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"

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"