input-image-alt-present
<input type="image"> debe tener un atributo alt
Comprueba que los elementos <input type="image"> proporcionan un atributo alt como mecanismo de texto alternativo.
Ámbito de aplicación. Se aplica a los elementos <input type="image"> incluidos en el árbol de accesibilidad.
Resultado esperado. Cada elemento <input type="image"> aplicable tiene un nombre accesible no vacío procedente de aria-labelledby, aria-label, alt o title. Un nombre vacío falla, tanto si falta alt como si está vacío (alt=""). Un nombre proporcionado por el autor que coincide con un valor predeterminado del navegador para un botón de imagen ("Submit", "Submit Query") no es un nombre vacío: puede describir el botón, así que se informa como cantTell para que lo juzgue una persona.
Ejemplos
<input type="image" src="search.png" alt="Search">
Un alt no vacío nombra el botón de imagen.
<input type="image" src="search.png">
No hay atributo alt.
Cómo comprobarlo
Cuando esta regla no puede decidir, informa cantTell y deja la pregunta a una persona. Cada pregunta que puede plantear aparece aquí bajo su código de motivo, con los pasos para responderla. Un hallazgo lleva los mismos pasos en howToCheck, en el idioma del análisis. Consulta Esquema de salida.
default_name
- Localizar el botón de imagen que indica el informe y leer el nombre que da el informe ("Submit" o "Submit Query").
- Mirar su imagen y averiguar qué hace el botón, por ejemplo por lo que ocurre al pulsarlo.
- Decidir si el nombre dice lo que hace el botón.
Se cumple. El nombre dice lo que hace el botón, como "Submit" en un botón que envía un formulario.
No se cumple. El nombre no dice lo que hace el botón (como "Submit Query" en un botón de búsqueda), lo que incumple WCAG 1.1.1.