it-swarm-es.com

¿Está bien usar el atributo alt para text-as-graphics?

Hay varias formas de presentar el texto en su página web exactamente en la fuente que su diseñador decidió; como una imagen, un hack de flash, algunos hack de JavaScript, fuentes dinámicas. Pero hasta el día de hoy, lo único que aparentemente funciona en todas las plataformas es la antigua solución de texto como gráficos. Esto es un error, por supuesto, pero para fines de accesibilidad, ¿está bien usar una imagen que contiene el texto como un atributo alt? Los usuarios con discapacidad visual recibirían el texto, al igual que los motores de búsqueda. ¿O me estoy perdiendo algo?

9
Zano

Con algunas advertencias.

  • Si cambia la imagen en el futuro, la alt atributo también debe mantenerse.
  • Parece que los motores de búsqueda asignan un valor más alto al texto real que una imagen con un atributo alt.
  • En mi opinión, si está usando esto para la navegación, sería mejor usar @ font-face o JavaScript para mejorar un menú de texto en lugar de reemplazarlo con imágenes desde el principio.
7
Virtuosi Media

Para eso está Alt, para lectores de pantalla y robots

9
Sruly

Si incluye imágenes (a través de img) en HTML, siempre use el alt atributo ( ¡a veces con valor vacío).

Si la imagen contiene texto, y este texto es (parte de) el contenido relevante que desea transmitir, incluya este texto en el alt valor.

pero para fines de accesibilidad, ¿está bien usar una imagen que contiene el texto como un atributo alt?

No. Si bien no sería una barrera para un usuario ciego o de navegador de texto, los usuarios disléxicos o con discapacidad visual (que tienen imágenes habilitadas) pueden tener problemas con las imágenes de texto:

  • Los usuarios no pueden ajustar el tamaño de fuente, la altura de la línea, el espaciado entre letras.
  • Los usuarios no pueden cambiar la familia de fuentes.
  • Los usuarios no pueden cambiar los colores/contraste.
  • Los usuarios no pueden seleccionar el texto (por ejemplo, para copiar y pegar). (como anotado por Kit Grose)

Probablemente no sea un gran problema para el texto corto (una sola palabra, título muy corto, botón de llamada a la acción, ...), pero puede ser una barrera de accesibilidad si se usa para texto más largo.

5
unor

Una de las mayores desventajas con el texto como gráficos es su incapacidad para escalar con el tamaño del texto (nota: tamaño del texto, no zoom). El dimensionamiento de la imagen en ems podría ayudar a mitigar esto.

Además, tenga en cuenta que la mantenibilidad sufre mucho cuando se usan imágenes, a menos que se generen dinámicamente.

Y, es bastante ineficiente servir una imagen cuando todo lo que desea es una fuente personalizada: el tamaño del archivo de una imagen es MUCHO mayor que el texto equivalente.

4
Bobby Jack

No veo ningún problema con eso. Nunca escuché a nadie decir que es una mala idea. Pero intenta evitar o hacer lo siguiente:

  • convertir todo el contenido de una página en una imagen (error común cometido por personas que no saben lo que están haciendo); esto dificulta que se analice prácticamente cualquier cosa, incluidos los motores de búsqueda
  • trate de evitarlo tanto como sea posible; siempre es mejor tener texto para cosas que imágenes; solo hace que sea más fácil para todo (copiar un fragmento de texto, SEO, etc., etc.)
  • agregue las propiedades de un título alternativo y un título: esto garantiza que cuando las personas pasen sobre la imagen verán la información sobre herramientas (porque los diferentes navegadores muestran diferentes); La mayoría lo hago en imágenes que son enlaces
1
Darryl Hein

Como han dicho otros, si utiliza este enfoque, debe proporcionar texto alternativo, sin embargo, le recomiendo que no lo haga.

  • El zoom se romperá: las imágenes ráster no son escalables a tamaños más grandes.

  • Las imágenes ocupan más espacio que el texto, esto aumentará drásticamente el tiempo de carga de la página.

  • Visores que cambian los colores del navegador, p. En aras de la legibilidad, cambie a luz de alto contraste en la oscuridad, no verá las imágenes correctamente y no verá la alt.

  • La funcionalidad de copiar y pegar se romperá (los usuarios no podrán copiar ningún texto y pegarlo en un documento como texto).

  • Diseño y capacidad de respuesta: la legibilidad en el dispositivo móvil puede estar rota. Si el texto no es texto, es posible que los navegadores no puedan dividirlo de manera diferente en líneas para que quepa en pantallas más pequeñas.

  • Si coloca cada palabra u oración en su propia imagen, puede mejorar el diseño, sin embargo, puede romper el análisis de texto (SEO).

  • Hay formas comúnmente admitidas de aplicar fuentes de visualización mediante CSS y archivos de fuentes. Si algún navegador antiguo no es compatible con esto, no debería hacer sufrir a todos los usuarios de los navegadores modernos por su bien.

0
Danny Varod

El valor del texto alternativo está disminuyendo desde el punto de vista de SEO, por lo que parece que todos podemos centrarnos en la accesibilidad y optimizar los textos alternativos para los lectores de pantalla.

Hasta donde sé, solo tiene un porcentaje de influencia en su clasificación SERP)

0
Roland Pokornyik