Lien sur un bloc et accessibilité web
Langue du lien : Français
Romain Gervois présente dans ce lien trois façons de faire un lien sur un bloc : un bloc avec un titre, une image et d’autre texte. Les tests de restitution datent un peu mais cette page est néanmoins utile.
- La première, c’est un lien qui englobe tout comme on peut le faire depuis HTML5. Ce n’est pas la meilleure solution pour l’accessibilité car, en restitution par un lecteur d’écran, cela fait des liens très longs à lire.
- La deuxième, c’est un lien uniquement sur le titre et un pseudo-élément
::before
dans le lien qui, en position absolue, permet d’étendre la zone de clic à tout le bloc. - La troisième, c’est une extension de la zone de clic souris (gauche uniquement) en JavaScript. Le menu contextuel en clic droit n’est possible que sur le titre.
La deuxième solution serait la meilleure puisqu’on peut alors avoir la zone cliquable gauche et droit sur l’ensemble du bloc tout en assurant le strict nécessaire en restitution par un lecteur d’écran. Ainsi, il sera aussi possible d’ouvrir le lien dans une nouvelle fenêtre peu importe où on clique.