Me gustaría crear un botón HTML que actúe como un enlace. Entonces, cuando haces clic en el botón, redirige a una página. Me gustaría que fuera lo más accesible posible.
También me gustaría que no haya caracteres adicionales o parámetros en la URL.
¿Cómo puedo conseguir esto?
Según las respuestas publicadas hasta ahora, actualmente estoy haciendo esto:
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
pero el problema con esto es que en Safari e Internet Explorer , agrega un signo de interrogación al final de la URL. Necesito encontrar una solución que no agregue ningún carácter al final de la URL.
Hay otras dos soluciones para hacer esto: usar JavaScript o diseñar un enlace para que parezca un botón.
Usando JavaScript:
<button onclick="window.location.href='/page2'">Continue</button>
Pero esto obviamente requiere JavaScript, y por eso es menos accesible para los lectores de pantalla. El punto de un enlace es ir a otra página. Entonces, tratar de hacer que un botón actúe como un enlace es la solución incorrecta. Mi sugerencia es que debe usar un enlace y darle un estilo para que parezca un botón .
<a href="/link/to/page2">Continue</a>
GET
que falle. Sigo pensando que usar un enlace tiene sentido con la advertencia de que no reaccionará a la "barra espaciadora" cuando se activa como el botón. Además, algunos estilos y comportamientos serán diferentes (como arrastrar). Si desea la verdadera experiencia de "enlace de botón", ?
también puede ser una opción tener redireccionamientos del lado del servidor para que la URL termine para eliminarla.
?
de la URL. Esto es causado por el formulariotype="GET"
, cambie esto atype="POST"
y?
al final de la URL desaparece. Esto se debe a que GET envía todas las variables en la URL, de ahí el?
.