fix: Tooltip example should rely on relationship, not aria-labelledby. (

#29136)
microsoft · Sep 12, 2023 · 3bf2de9 · 3bf2de9
1 parent 7df5f7d
commit 3bf2de9
Showing 1 changed file with 1 addition and 7 deletions.
diff --git a/packages/react-components/react-tooltip/stories/Tooltip/TooltipIcon.stories.tsx b/packages/react-components/react-tooltip/stories/Tooltip/TooltipIcon.stories.tsx
@@ -15,7 +15,6 @@ const useStyles = makeStyles({
 
 export const Icon = (props: Partial<TooltipProps>) => {
   const styles = useStyles();
-  const iconId = useId('icon');
   const contentId = useId('content');
   const [visible, setVisible] = React.useState(false);
 
@@ -33,12 +32,7 @@ export const Icon = (props: Partial<TooltipProps>) => {
         onVisibleChange={(e, data) => setVisible(data.visible)}
         {...props}
       >
-        <Info16Regular
-          tabIndex={0}
-          id={iconId}
-          aria-labelledby={`${iconId} ${contentId}`}
-          className={mergeClasses(visible && styles.visible)}
-        />
+        <Info16Regular tabIndex={0} className={mergeClasses(visible && styles.visible)} />
       </Tooltip>
     </div>
   );