Solución:
aquí tienes.
<img src="https://i.imgur.com/7KpCS0Y.jpg" onclick="window.open(this.src)">
Esto podría funcionar para ti …
<script type="text/javascript">
function image(img) {
var src = img.src;
window.open(src);
}
</script>
<img src="https://foroayuda.es/pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image(this)">
Los desarrolladores también se preocupan por la accesibilidad.
No utilice onClick en imágenes sin definir el Rol de ARIA.
Los elementos HTML no interactivos y los roles ARIA no interactivos indican contenido y contenedores en la interfaz de usuario. Un elemento no interactivo no admite controladores de eventos (controladores de teclado y mouse).
El desarrollador y los diseñadores son responsables de proporcionar el comportamiento esperado de un elemento que el rol sugiere que tendría: capacidad de enfoque y soporte de pulsación de teclas. Para obtener más información, consulte la Guía de prácticas de creación de WAI-ARIA: patrones de diseño y widgets.
tldr; Asi es como debería de hacerse:
<img
src="https://foroayuda.es/pond1.jpg"
alt="pic id code"
onClick="window.open(this.src)"
role="button"
tabIndex="0"
/>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)