JSFiddle - React, Tailwind, and code Playground

by exercices

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<img src="https://www.cjoint.com/doc/20_11/JKjohM0IVxR_more.png" class="more" alt="ajouter" data-url="https://forum.alsacreations.com/upload/1606059524-81417-notabindex.png">
<img src="https://www.cjoint.com/doc/20_11/JKjohM0IVxR_more.png" class="more" alt="ajouter" tabindex="0" data-url="https://forum.alsacreations.com/upload/1606059619-81417-tabindex0.png">
<p>
Cliquez dessus pour voir ce que l'on obtient en regardant les problèmes d'accessibilité clavier.
La différence entre les deux est le "tabindex="0"" sur le deuxième.
</p>

JavaScript

$('.more').click(function(){
					window.open($(this).attr("data-url"))
});