Cuando los enlaces parece botones (y al revés)

Usar un botón como si fuera un enlace, o un enlace como si fuera un botón, es algo muy común, y es un completo error.

Cuando un lector de pantalla lee una página web, anuncia al usuario los elementos que encuentra en la página. Le puede decir cosas como "lista", "imagen", "botón" y "enlace".

Cuando un usuario oye "botón", no espera que cuando lo use se navegue a otra página web, a no ser que sea el botón de envío de un formulario.

Cuando un usuario oye "enlace", espera que cuando lo use se navegue a otra página web, no espera que no ocurra nada y no cambie la página web en la que se encuentre.

En el pasado ya he escrito algunas entradas sobre este tema:


Ahora he encontrado But sometimes links look like buttons (and buttons look like links), una lectura muy interesante para complementar las anteriores.

Comentarios

Publicar un comentario

Entradas populares de este blog

accessiBe, la herramienta mágica

accessiBe es una herramienta mágica por todo lo que promete: accessiBe is transforming web accessibility by replacing a costly, manual process with automated, state-of-the-art AI technology. Using the contextual understanding and image recognition, acessiBe’s AI scans and analyzes websites to learn what elements and functionality they include, and adjusts them to blind users’ screen-readers. ¿Será verdad?
Leer más

Las cinco reglas de ARIA

En Using ARIA : First Rule of ARIA: If you can use a native HTML element or attribute with the semantics and behavior you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. Second Rule of ARIA Use: Do not change native semantics, unless you really have to. Third Rule of ARIA Use: All interactive ARIA controls must be usable with the keyboard. Fourth Rule of ARIA Use: Do not use role="presentation" or aria-hidden="true" on a focusable element. Fifth Rule of ARIA Use: All interactive elements must have an accessible name. Y en español: Primera regla de ARIA: si puede usar un elemento o atributo HTML nativo con la semántica y el comportamiento que ya necesita, en lugar de reutilizar un elemento y agregar un rol, estado o propiedad de ARIA para hacerlo accesible, entonces hágalo. Segunda regla de ARIA: no cambie la semántica nativa, a menos que realmente tenga que hacerlo. Tercera re
Leer más