Técnica HTML WCAG 2.2
H36Usar atributos alt en las imágenes empleadas como botones de envío
En resumen
Cuando un formulario se envía con un botón que es una imagen (input type="image"), esta técnica pide que su atributo alt describa la función del botón («Buscar», «Enviar pedido»), no el aspecto de la imagen. Así los lectores de pantalla anuncian qué hace el botón, algo imprescindible cuando hay varios botones de envío en la misma página con resultados distintos.
Aplicabilidad
Se aplica al contenido que usa botones de envío basados en imágenes.
Descripción
En los elementos input de tipo image, el atributo alt del elemento input se usa para proporcionar una etiqueta funcional. Esta etiqueta indica la función del botón, pero no intenta describir la imagen. La etiqueta es especialmente importante cuando hay varios botones de envío en la página y cada uno conduce a un resultado distinto.
Ejemplos
Un elemento input con un atributo alt
<form action="/find" method="post" role="search">
<label for="look-up">Find books<label>
<input id="look-up" type="text">
<input alt="Search" src="button.gif" type="image">
</form>Pruebas
Procedimiento
- Para todos los elementos
inputcuyo atributo type tenga el valorimage, comprobar la presencia de un atributoalt. - Comprobar que el valor del atributo
altdescribe la función del botón.
Resultados esperados
- Las comprobaciones n.º 1 y n.º 2 son verdaderas.
Recursos
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H36 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
