add possibility to give title to icon helper, help with accessibility…

… by giving an accessible label to icon

src/lib/components/iconhelper/IconHelper.test.tsx

@@ -35,4 +35,18 @@ describe('Icon', () => {
       expect(screen.getByText(tooltipMessage)).toBeVisible();
     });
   });
+  it('should be able to change accessible label with title', async () => {
+    const { Wrapper } = getWrapper();
+    render(
+      <Wrapper>
+        <IconHelp
+          tooltipMessage={'This is a tooltip'}
+          title="Info Helper testing"
+        />
+      </Wrapper>,
+    );
+    await waitFor(() => {
+      expect(screen.getByLabelText('Info Helper testing')).toBeInTheDocument();
+    });
+  });
 });

src/lib/components/iconhelper/IconHelper.tsx

@@ -6,18 +6,20 @@ type IconHelpProps = {
   tooltipMessage: ReactNode;
   placement?: Position;
   overlayStyle?: CSSProperties;
+  title?: string;
 };
 
 export const IconHelp = ({
   tooltipMessage,
   overlayStyle,
   placement = 'right',
+  title,
 }: IconHelpProps) => (
   <Tooltip
     overlay={tooltipMessage}
     placement={placement}
     overlayStyle={overlayStyle}
   >
-    <Icon name="Info" color="buttonSecondary" />
+    <Icon name="Info" color="buttonSecondary" title={title} />
   </Tooltip>
 );