diff --git a/packages/shared/src/components/profile/ProfileTooltip.spec.tsx b/packages/shared/src/components/profile/ProfileTooltip.spec.tsx index ac488ec137c..2f37d73df8a 100644 --- a/packages/shared/src/components/profile/ProfileTooltip.spec.tsx +++ b/packages/shared/src/components/profile/ProfileTooltip.spec.tsx @@ -101,4 +101,14 @@ describe('ProfileTooltip', () => { const [props] = mockSimpleTooltipSpy.mock.calls[0] as [TooltipProps]; expect(props.content).toBeTruthy(); }); + + it('only triggers on mouseenter ( not keyboard focus ) for WCAG 3.2.1', () => { + render( + + + , + ); + const [props] = mockSimpleTooltipSpy.mock.calls[0] as [TooltipProps]; + expect(props.trigger).toBe('mouseenter'); + }); }); diff --git a/packages/shared/src/components/profile/ProfileTooltip.tsx b/packages/shared/src/components/profile/ProfileTooltip.tsx index 3ce316ff712..e309859b718 100644 --- a/packages/shared/src/components/profile/ProfileTooltip.tsx +++ b/packages/shared/src/components/profile/ProfileTooltip.tsx @@ -163,6 +163,7 @@ export function ProfileTooltip({ ) : undefined, plugins: onTooltipMouseEnter || onTooltipMouseLeave ? [hoverPlugin] : undefined, + trigger: 'mouseenter', ...tooltip, onShow: (instance) => { logEvent({