Texto alternativo del botón de imagen
Silktide encuentra botones de imagen en tus formularios que no tienen . Un botón de imagen sin texto alternativo deja a las personas que no pueden verlo sin forma de saber qué hará al pulsarlo.
<!-- Problema: sin atributo alt -->
<input type="image" src="button.png">
<!-- Problema: alt vacío -->
<input type="image" src="button.png" alt="">
<!-- Solución: el texto alternativo nombra la acción -->
<input type="image" src="button.png" alt="Enviar mensaje">
Por qué es importante
Un botón de imagen (<input type="image">) usa una imagen en lugar de una etiqueta de texto, por lo que su atributo alt es el único nombre que un puede anunciar. Sin él, el botón se anuncia simplemente como "botón" o por su nombre de archivo. Un formulario cuyo botón de envío no puede identificarse es un formulario que algunos visitantes no pueden completar con confianza: una barrera directa para consultas, registros y compras.
A diferencia de las imágenes normales, un botón nunca puede ser decorativo: siempre hace algo, por lo que siempre necesita un nombre.
Cómo solucionarlo
- Añade un atributo
altque nombre la acción que realiza el botón, como "Buscar" o "Enviar mensaje", como en el ejemplo anterior. - No dejes el atributo vacío: un
alt=""vacío oculta el nombre del botón sin ocultar el botón. - Como alternativa, sustituye el botón de imagen por un elemento
<button>que contenga texto real, que es más sencillo de estilizar y accesible de forma predeterminada.
Cómo lo comprueba Silktide
- Busca cada botón de imagen (
<input type="image">) en cada página. - Omite los botones ocultos para los lectores de pantalla.
- Informa de cada botón cuyo atributo
altfalte o esté vacío.
Los botones cuyo texto alternativo existe pero parece poco útil se cubren en la comprobación aparte Texto alternativo del botón de envío.