Hello,
Voilà mon bout de code simplifié pour afficher un CTA à base de lien.
Récemment, j’ai rajouté role="link" tabindex="0" car à la base, le lien était obfusqué via javascript. J’ai décidé de rendre le code plus accessible, mais j’ai un problème lors de la navigation par clavier avec la touche tab : le bouton (a href) ne présente pas de signe comme quoi il est sélectionné. Dans focus, active, etc, je me perds. Je dois avoir une valeur qui écrase le comportement par défaut du navigateur, mais je suis prête à rajouter une nouvelle classe sur ce bouton pour corriger le tir.
Auriez-vous une idée de quoi mettre, svp ?
Merci pour les handis (et moi).
Voilà mon bout de code simplifié pour afficher un CTA à base de lien.
<a class="cta" href="/service/blabla" role="link" tabindex="0"><span class="fas fa-long-arrow-alt-right"> </span>Le lien</a>
Récemment, j’ai rajouté role="link" tabindex="0" car à la base, le lien était obfusqué via javascript. J’ai décidé de rendre le code plus accessible, mais j’ai un problème lors de la navigation par clavier avec la touche tab : le bouton (a href) ne présente pas de signe comme quoi il est sélectionné. Dans focus, active, etc, je me perds. Je dois avoir une valeur qui écrase le comportement par défaut du navigateur, mais je suis prête à rajouter une nouvelle classe sur ce bouton pour corriger le tir.
Auriez-vous une idée de quoi mettre, svp ?
Merci pour les handis (et moi).