L'image lien retour à l'accueil n'a pas un nom pertinent

[Marie-a11y]

Description
Les images contenant du texte doit reprendre les infos de ce texte dans le texte lu par un lecteur d'écran

Reproduction
Etapes à suivre pour reproduire le bug

1. Aller à https://code.travail.gouv.fr/
2. Inspecter le composant "république française code du travail numérique"
3. Le composant comporte :

• un lien avec un title "Accueil - Code du travail numérique ministère du Travail"
• un texte "république française"
• une image avec un alt="code du travail numérique"
  plusieurs soucis :
• le texte "liberté égalité fraternité" de l'image n'est pas repris pour les lecteurs d'écrans
• le title du lien "Accueil - Code du travail numérique ministère du Travail" est différent de son intitulé "République Française"

Comportement attendu

• Mettre le lien <a href=":/" title="Accueil - Code du travail numérique ministère du Travail"> autour de l'image "Code du travail numérique"
• Retirer la valeur du alt de l'image Code du travail numérique, pour avoir alt="" (alt vide)
• Ajouter dans la <div class="fr-header__logo"> un <p class="sr-only">Liberté égalité fraternité"</p> après la balise <p> contenant "république française"
  La class="sr-only" permet d'ajouter du texte dans le code lu par les lecteurs d'écran, non visible à l'écran. La technique pour créer la class est expliqué ici : https://hugogiraudel.com/2016/10/13/css-hide-and-seek/

Pour obtenir :

<div class="fr-header__brand-top">
<div class="fr-header__logo">
<p class="fr-logo">RÉPUBLIQUE<br>FRANÇAISE</p>
<p class="sr-only">Liberté égalité fraternité"</p>
</div>
<div class="fr-header__operator">
<a title="Accueil - Code du travail numérique, Ministère du Travail" href="/"><img class="fr-responsive-img" style="max-width:9.0625rem" src="/static/assets/img/logo.svg" alt="" data-fr-js-ratio="true"></a>
</div>

Screenshots

[Marie-a11y]

Cela concerne toutes les pages du site, pas uniquement la page d'accueil