F42Enlaces falsos hechos con span, div o img y JavaScript

Añadir un script a un elemento span

Se añade un manejador de eventos mediante script a un elemento span para que funcione como un enlace al hacer clic con el ratón. La tecnología de asistencia no reconoce este elemento como un enlace.

<span onclick="location.href='newpage.html'">Fake link</span>

Añadir un script a un elemento img

Se añade un manejador de eventos mediante script a un elemento img para que funcione como un enlace al hacer clic con el ratón. La tecnología de asistencia no reconoce este elemento como un enlace.

<img src="go.gif" alt="go to the new page" onclick="location.href='newpage.html'">

Añadir un script a un elemento img, con compatibilidad con el teclado

Se añade un manejador de eventos mediante script a un elemento img para que funcione como un enlace. En este ejemplo, la función de enlace puede activarse con el ratón o con la tecla Intro si el agente de usuario incluye el elemento en la cadena de tabulación. No obstante, el elemento no se reconocerá como un enlace.

function doNav(url){
  window.location.href = url;
}
function doKeyPress(url){
  //if the enter key was pressed
  if (window.event.type == "keypress" && window.event.keyCode == 13){
    doNav(url);
  }
}

El marcado de la imagen es:

<p>
  <img src="bargain.jpg"
  tabindex="0" 
  alt="View Bargains"
  onclick="doNav('viewbargains.html');"
  onkeypress="doKeyPress('viewbargains.html');">
</p>

Añadir un script a un elemento div

Este ejemplo usa un script para hacer que un elemento div se comporte como un enlace. Aunque el autor ha proporcionado acceso completo por teclado y ha separado los manejadores de eventos del marcado para permitir reutilizar el contenido, la tecnología de asistencia no reconocerá el elemento div como un enlace.

window.onload = init;
function init(){
  var objAnchor = document.getElementById('linklike');
  objAnchor.onclick = function(event){return changeLocation(event,
   'surveyresults.html');};
      objAnchor.onkeypress = function(event){return changeLocation(event,
   'surveyresults.html');};
}
function changeLocation(objEvent, strLocation){
  var iKeyCode;
  if (objEvent && objEvent.type == 'keypress'){
    if (objEvent.keyCode){
      iKeyCode = objEvent.keyCode;
    }
    else if (objEvent.which){
      iKeyCode = objEvent.which;
    }
  if (iKeyCode != 13 && iKeyCode != 32){
    return true;
    }
  }
  window.location.href = strLocation;
}

El marcado del elemento div es:

<div id="linklike">View the results of the survey.</div>