Técnica HTML WCAG 2.2

H24Proporcionar alternativas textuales para los elementos area de los mapas de imagen

En resumen

En un mapa de imagen, cada zona seleccionable se define con un elemento area que funciona como un enlace. Esta técnica pide dar a cada area un atributo alt que exprese el mismo propósito que la zona de la imagen a la que corresponde, para que los usuarios de lector de pantalla y quienes navegan sin imágenes sepan a dónde lleva cada región. Aplíquela en cualquier mapa de imagen con zonas activas.

Aplicabilidad

Documentos HTML que contienen elementos area.

Descripción

El objetivo de esta técnica es proporcionar alternativas textuales que cumplan el mismo propósito que las regiones seleccionables de un mapa de imagen. Un mapa de imagen es una imagen dividida en regiones seleccionables definidas mediante elementos area. Cada área es un enlace a otra página web o a otra parte de la página web actual. El atributo alt de cada elemento area cumple el mismo propósito que el área seleccionable de la imagen.

Ejemplos

Este ejemplo usa el atributo alt del elemento area para proporcionar un texto que describe el propósito de las áreas del mapa de imagen.

<img src="welcome.gif" usemap="#map1" 
     alt="Areas in the library. Select an area for more information on that area."> 
<map id="map1" name="map1">
  <area shape="rect" coords="0,0,30,30" href="reference.html" alt="Reference">
  <area shape="rect" coords="34,34,100,100" href="media.html" alt="Audio visual lab">
</map>

Pruebas

Procedimiento

Para cada elemento area de un mapa de imagen:

Comprobar que el elemento area tiene un atributo alt.
Comprobar que la alternativa textual especificada por el atributo alt cumple el mismo propósito que la parte de la imagen del mapa de imagen a la que hace referencia el elemento area del mapa de imagen.

Resultados esperados

Las comprobaciones anteriores son verdaderas.

Recursos

HTML - Image maps (mapas de imagen).
HTML - Requirements for providing text to act as an alternative for images (requisitos para proporcionar texto que sirva de alternativa a las imágenes).

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.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H24 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.