fix(tooltip): ensure aria-describedby is always present for JAWS (#10237)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

Author: tay1orjones

packages/react/src/components/Tooltip/Tooltip-story.js

@@ -161,8 +161,8 @@ export default {
 
 export const DefaultBottom = () => (
   <div style={containerStyles}>
-    <Tooltip {...props.withIcon()} tooltipBodyId="tooltip-body">
-      <p id="tooltip-body">
+    <Tooltip {...props.withIcon()}>
+      <p>
         This is some tooltip text. This box shows the maximum amount of text
         that should appear inside. If more room is needed please use a modal
         instead.

packages/react/src/components/Tooltip/Tooltip.js

@@ -671,7 +671,9 @@ class Tooltip extends Component {
                 className={`${prefix}--tooltip__trigger`}
                 {...properties}
                 ref={refProp}
-                aria-describedby={tooltipBodyId}>
+                aria-describedby={
+                  tooltipBodyId || properties['aria-describedby']
+                }>
                 <IconCustomElement {...iconProperties} />
               </div>
             </div>
@@ -681,7 +683,9 @@ class Tooltip extends Component {
               className={triggerClasses}
               ref={refProp}
               {...properties}
-              aria-describedby={tooltipBodyId}>
+              aria-describedby={
+                tooltipBodyId || properties['aria-describedby']
+              }>
               {triggerText}
             </div>
           )}