Fix tooltip a11y issue (#2065)

* https://github.com/IBM/carbon-components-react/issues/2063 https://github.com/IBM/carbon-components-react/issues/2063 * remove the space
carbon-design-system · Mar 20, 2019 · 2c33ca3 · 2c33ca3
1 parent 4b7143c
commit 2c33ca3
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Tooltip/Tooltip.js b/src/components/Tooltip/Tooltip.js
@@ -447,6 +447,11 @@ class Tooltip extends Component {
           'aria-owns': tooltipId,
         };
 
+    const ariaDescribedbyProps = !open
+      ? {}
+      : {
+          'aria-describedby': tooltipId,
+        };
     const finalIcon = IconCustomElement ? (
       <IconCustomElement
         name={iconName}
@@ -489,6 +494,7 @@ class Tooltip extends Component {
                 aria-haspopup="true"
                 aria-label={iconDescription}
                 aria-expanded={open}
+                {...ariaDescribedbyProps}
                 {...ariaOwnsProps}>
                 {finalIcon}
               </div>
@@ -510,6 +516,7 @@ class Tooltip extends Component {
               onBlur={this.handleMouse}
               aria-haspopup="true"
               aria-expanded={open}
+              {...ariaDescribedbyProps}
               {...ariaOwnsProps}>
               {triggerText}
             </div>