Los botones de imagen deben tener texto alternativo

Asegúrate de que los elementos <input type="image"> tengan texto alternativo.

Los usuarios de lectores de pantalla no entenderán la función de un botón <input type="image"> a menos que se proporcione un texto equivalente. Incluso si la imagen contiene simplemente texto, se requiere texto alternativo porque un lector de pantalla no puede interpretar imágenes de palabras en salida.

Simplemente escribir texto adyacente al elemento del formulario no resultará en una etiqueta verdadera. Los lectores de pantalla, por ejemplo, requieren etiquetas en código que puedan determinarse automáticamente.

Algunos lectores de pantalla están configurados para estimar la etiqueta basándose en el texto circundante, sin embargo este método no es infalible y podría causar confusión si el lector de pantalla adivina incorrectamente.

Lo que verifica esta regla de accesibilidad

Asegura que cada <input type="image"> tenga un nombre que pueda encontrarse.

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

WCAG 2.1 - Failure of Success Criterion 1.1.1 due to omitting the alt attribute or text alternative on img elements, area elements, and input elements of type 'image'

→