Est-ce une mauvaise pratique d'utiliser des Guillemets (laquo et raquo) sur les liens?
Est-ce une mauvaise pratique d'utiliser les entités HTML des guillemets "(& amplaquo;) et" (& ampraquo;) sur les liens?
À l'origine, ils sont utilisés dans de nombreuses langues comme le français et l'espagnol pour indiquer les citations. Est-ce une mauvaise idée de les utiliser pour une chose totalement différente, comme ça?
" Précédent Suivant "
Qu'en est-il des lecteurs d'écran?
D'autres pensées importantes?
À l'époque, ils étaient assez courants, alors peut-être est-il devenu une forme d'anti-modèle.
Mais vous avez raison, ce sont en fait des caractères de ponctuation ... pas des flèches visuelles. Il est donc gênant de les lire à haute voix dans un lecteur d'écran (ou de les visualiser si vous êtes français).
Aujourd'hui, je dirais que nous pouvons faire beaucoup mieux avec CSS. Créez l'icône de flèche comme bon vous semble, puis utilisez-la comme image d'arrière-plan dans le lien. Cela prend en charge les problèmes d'accessibilité et vous donne la flexibilité de le faire visuellement comme bon vous semble.
C'est sémantiquement incorrect, et je ne suis pas sûr de toutes les ramifications de cette inexactitude, mais je recommande d'utiliser des caractères plus sémantiquement appropriés comme
flèche droite → (→) et flèche gauche ← (←). Je pense que la plupart des lecteurs d'écran, s'ils les audiblisent, utiliseraient les noms de caractères ("flèche droite" et "flèche gauche"), et c'est probablement mieux que audibliser "support double angle gauche".
Bien sûr, vous pouvez utiliser des images d'arrière-plan qui vous ressemblent et qui sont invisibles pour les lecteurs d'écran, mais il n'y a rien de mal à utiliser des caractères, et les personnages vous donnent de meilleures performances (charge utile plus légère) que les images.
Si vous voulez de meilleures performances en utilisant des caractères sur des graphiques, mais aussi quelque chose qui est vraiment une icône, vous pouvez jeter un œil à police géniale . Ceux-ci sont évolutifs et ne déclenchent aucun lecteur d'écran.
Peut-être que le style devrait être en <style />?
CSS:
.prev:before { content: "« "; }
.next:after { content: " »"; }
HTML:
<a class="prev" href="prev.html">previous</a>
<a class="next" href="next.html">next</a>
Le résultat serait quelque chose comme:
« previous next »