Ejemplo de imágenes

Índice de ejemplos

INSTRUCCIONES: el texto marcado como INSTRUCCIONES no lo debe leer el lector de pantalla porque está oculto con aria-hidden.

Sin enlaces

INSTRUCCIONES: imágenes con diferentes atributos.

Una imagen sin texto alternativo:

Una imagen sin texto alternativo, pero con title:

Una imagen con texto alternativo nulo (imagen decorativa):

Una imagen sin texto alternativo, pero con aria-hidden (imagen decorativa):

Una imagen con texto alternativo:

Una imagen con texto alternativo y con title:

Una imagen con aria-label:

Una imagen con aria-label y con alt:

Una imagen con aria-label y con title:

Una imagen con texto alternativo, con title y con aria-label:

Con enlaces

INSTRUCCIONES: ahora lo mismo, pero las imágenes están dentro de enlaces.

Una imagen sin texto alternativo:

Una imagen sin texto alternativo, pero con title:

Una imagen con texto alternativo nulo (imagen decorativa):

Una imagen sin texto alternativo, pero con aria-hidden (imagen decorativa):

Una imagen con texto alternativo:

Una imagen con texto alternativo y con title:

Una imagen con aria-label:

Una imagen con aria-label y con alt:

Una imagen con aria-label y con title:

Una imagen con texto alternativo, con title y con aria-label:

Índice de ejemplos