fix(liens réseaux sociaux): do not display sr-only (#6270)

Co-authored-by: Martial Maillot <[email protected]>

packages/code-du-travail-frontend/public/static/modeles.css

@@ -6,4 +6,3 @@
 .checklist {list-style-image: url(data:image/svg+xml;,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221rem%22%20height%3D%221rem%22%20viewBox%3D%220%200%2011%2011%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%202h10v10H2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22currentColor%22%20stroke-width%3D%22.5%22%20d%3D%22M1%201h9v9H1z%22%2F%3E%3C%2Fsvg%3E);}
 .editable {color: var(--text-default-info)}
 .options {font-style: italic; color: var(--text-actionHigh-blueFrance)}
-.sr-only{display: none;}

packages/code-du-travail-frontend/src/common/Share.tsx

@@ -47,7 +47,7 @@ export const Share = ({
       >
         <Circle>
           <StyledIcon as={icons.ShareFacebook} />
-          <span className="sr-only">Facebook</span>
+          <Span>Facebook</Span>
         </Circle>
       </StyledButton>
       <StyledLink
@@ -63,7 +63,7 @@ export const Share = ({
       >
         <Circle>
           <StyledIcon as={icons.Mail} />
-          <span className="sr-only">Courriel</span>
+          <Span>Courriel</Span>
         </Circle>
       </StyledLink>
       <StyledButton
@@ -84,7 +84,7 @@ export const Share = ({
       >
         <Circle>
           <StyledIcon as={icons.ShareLinkedin} />
-          <span className="sr-only">Linkedin</span>
+          <Span>Linkedin</Span>
         </Circle>
       </StyledButton>
       <Dropdown
@@ -117,7 +117,7 @@ export const Share = ({
           >
             <Circle>
               <StyledIcon as={icons.Share} />
-              <span className="sr-only">Partage</span>
+              <Span>Partage</Span>
             </Circle>
           </StyledButton>
         )}
@@ -277,3 +277,6 @@ const HiddenInput = styled.input`
   border: 0;
   opacity: 0;
 `;
+const Span = styled.span`
+  display: none;
+`;