Si un enlace parece un botón, ¿debería formatearse como un botón de todos modos?

Los enlaces (etiqueta <a>) se utilizan para navegar a otra página o recurso. Los botones (etiqueta <button>) realizan acciones en la página actual, como enviar un formulario o llamar a una función de JavaScript.

Si un elemento realiza una acción pero parece un enlace, debe estar marcado como <button>. Y viceversa, si un elemento lleva a otra página pero parece un botón, es mejor usar <a>.

Justificación desde el punto de vista de accesibilidad:

• Semántica: Los lectores de pantalla y otras tecnologías de asistencia usan la semántica de las etiquetas para entender la función del elemento. Un botón se percibe como un elemento interactivo que se puede activar, un enlace como un elemento de navegación.
• Interacción con teclado: Por defecto, los botones se activan con la tecla Enter o Space, los enlaces solo con Enter. Los usuarios que navegan con teclado esperan este comportamiento.
• Estilización y JavaScript: Usar las etiquetas correctas facilita la aplicación de estilos y manejadores de eventos.

Ejemplo de un enlace como botón:

<a href="/page" class="button">Ir a la página</a>

Ejemplo de un botón que imita un enlace (poco frecuente, pero posible para soluciones UX específicas):

<button type="button" onclick="doSomething()" class="link">Ejecutar acción</button>

En general, sigue la semántica: enlaces para navegación, botones para acciones.