Qué es el texto alternativo y por qué debieras utilizarlo

El texto alternativo, o Alt Text, es un metadato de vital importancia para la accesibilidad. Consiste en describir en palabras el contenido de un elemento no textual. Este texto es usualmente no visible por las personas pero suele aparecer:

  • cuando está deshabilitada la carga de imágenes desde el navegador
  • cuando se detiene una descarga antes de que se realice la transferencia de imágenes
  • como texto flotante cuando se toca la imagen con el cursor o el ratón
Imagen de un dedo que señala el texto alternativo de una imagen

Aunque las personas no lo estemos viendo, el texto alternativo es leído y reconocido por los softwares lectores de pantallas y los motores de búsqueda. De ahí, su importancia capital no solo para la accesibilidad sino también para posicionamiento en buscadores o SEO (Searching Engine Optimization).

Tan importante es el texto alternativo que algunas redes sociales, como Instagram, ya han comenzado a incorporarlo para mejorar su accesiblidad y SEO.

Ventajas de agregar texto alternativo 

  • Hace accesibles a los objetos no textuales puesto que posibilita
    • que los softwares lectores de pantalla interpreten su contenido y lo transmitan a las personas con dificultades visuales
    • que podamos leer y enterarnos de su contenido aunque se produzca una carga fallida de la página donde está incrustado
  • Ayuda a mejorar el SEO del objeto y del recurso que lo contiene
    • Los motores de búsqueda todavía no pueden leer exitosamente las imágenes y toda descripción que les incorporemos, entre ellas el texto alternativo, ayuda a su interpretación y su correcto indizado

Cómo agregar texto alternativo

  • Actualmente todos los procesadores de texto, propietario o gratuito, ofrecen la posibilidad de añadir texto alternativo a los objetos no textuales. Es más, varios de ellos señalan como error de accesibilidad si no lo haces
  • La mayoría de los gestores de contenido, como WordPress, también ofrecen esta opción
  • Utiliza palabras significativas que describan concretamente y fielmente la imagen
  • Si puedes utilizar algunas de las palabras clave del recurso, mucho mejor
  • Recuerda que, si además del texto alternativo, completas los otros campos que te ofrezca la aplicación -tales como título, descripción o leyenda de la imagen- estás optimizando también su indizado y su recuperación

1 Comment

  1. También en el desarrollo de páginas Web con Html se pueden incluir los textos alternativos, de hecho es una locura no colocarlos. Estos se incluyen asi:

    Saludos.

    Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.