[Accessibilité] Logo du blog

[seinhorn]

ETQ visiteur du blog en situation de handicap
Je souhaite pouvoir accéder aux informations véhiculées par le logo du blog avec les outils d'assistance

Contexte

Actuellement l'accès aux informations véhiculées par le logo n'est pas adaptée pour l'accessibilité.

Besoin

Il faudrait permettre aux visiteurs du blog en situation de handicap d'avoir accès à des informations significatives.

Solution

Remplacer :

<a hreflang="fr" href="/fr/" class="color-primary">
    <div class="[...] logo header__logo">
        <svg xmlns="http://www.w3.org/2000/svg" [...]>
            [...]
        </svg>
        <div class="logo__blog">
            <p class="font-weight-medium">Eleven Labs</p>
            <p class="font-weight-bold">Le blog</p>
        </div>
    </div>
</a>

Par :

<a hreflang="fr" href="/fr/" class="color-primary" title="Blog Eleven Labs (retour à l'accueil)">
    <div class="[...] logo header__logo">
        <svg xmlns="http://www.w3.org/2000/svg" [...] role="img" aria-hidden="true">
            [...]
        </svg>
        <div class="logo__blog">
            <span class="font-weight-medium">Eleven Labs</span>
            <br role="presentation">
            <span class="font-weight-bold">Le blog</span>
        </div>
    </div>
</a>