¿Qué es el texto alternativo? Cómo usar el elemento de página para imágenes
- El texto alternativo es un elemento esencial del diseño de una página web. Es una breve descripción de texto de una imagen en la página.
- El texto alternativo es utilizado por herramientas de accesibilidad para leer descripciones de imágenes en voz alta para visitantes ciegos o con problemas de visión y motores de búsqueda para una mejor clasificación de la página web.
- Puede ver el texto alternativo en cualquier página web inspeccionando el HTML de la página.
El texto alternativo es un componente en el diseño de páginas web. Específicamente, es una frase u oración que describe una imagen en la página.
En el diseño moderno de páginas web, el texto alternativo no se muestra a la mayoría de los usuarios; sin embargo, se considera una parte esencial del buen diseño web, y cada imagen de una página debe tener un texto alternativo asociado.
El propósito del texto alternativo
El texto alternativo tiene dos propósitos principales. Lo utilizan las herramientas de accesibilidad de lectura de pantalla para leer en voz alta descripciones de imágenes para usuarios ciegos, con problemas de visión o que necesitan ayuda adicional para ver el contenido de la página. Un buen texto alternativo es fundamental para que estos usuarios tengan una experiencia satisfactoria en la página web.
También lo utilizan Google y otros motores de búsqueda para comprender el contenido de la imagen, que puede utilizar para clasificar mejor la página web en los resultados de búsqueda.
Cómo agregar texto alternativo a una imagen y verlo en HTML
La adición de texto alternativo varía según el diseño web o el sistema de gestión de contenido que se utilice para crear la página web. En general, la herramienta proporcionará un campo para ingresar el texto alternativo cuando se cargue una imagen en la página web. En la mayoría de los casos, también puede editar la imagen cargada después para agregar o modificar el texto alternativo.
Puede agregar texto alternativo a cualquier imagen utilizando el diseño web o la herramienta de administración de contenido, como WordPress.
Ese texto alternativo luego se codifica en la página en HTML. Puede ver esto en cualquier navegador web utilizando la función "Inspeccionar" de su navegador. Por ejemplo, en Chrome, haga clic derecho en una imagen en una página web y haga clic en "Inspeccionar" en el menú desplegable. En Firefox, haz clic con el botón derecho y elige "Inspeccionar elemento". En ambos casos, debería ver aparecer una ventana con el HTML de la página. Para la imagen, debería ver una etiqueta HTML que dice “alt=" seguida de la descripción del texto alternativo.
Puede usar la herramienta Inspeccionar en un navegador como Chrome para ver el texto alternativo asociado con una imagen en una página web.
Mejores prácticas de texto alternativo
Los expertos en optimización de motores de búsqueda (SEO) tienen mucha orientación sobre el diseño de la página web y los elementos de la página web, como el texto alternativo. Puedes tomar clases enteras sobre este tema. Pero, en general, hay algunas recomendaciones básicas que uno puede hacer sobre el texto alternativo. Aquí hay una guía general sobre cómo formar un buen texto alternativo:
- La orientación sobre la longitud cambia de vez en cuando, pero actualmente, debe mantener el texto alternativo de menos de 100 caracteres, incluidos los espacios.
- Describe la imagen de forma clara, precisa y sucinta.
- No comience el texto alternativo con una frase como "Imagen de…" o "Foto de…" Simplemente describa lo que hay en la imagen.
- No "rellene" el texto alternativo con palabras clave relacionadas con la página web, pero sea lo más específico posible. Esto ayuda tanto a los visitantes ciegos y con problemas de visión como a Google.