Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué el texto real en los sitios web es mejor que el texto en la imagen?
El texto real es mejor que el texto en la imagen porque puede hacer todo lo que una imagen no puede: los programas de lectura en voz alta lo leen, los visitantes pueden ampliarla sin pérdida, Google la busca, y las funciones de traducción la transfieren a otros idiomas. Una oferta con horarios de apertura incrustada como foto es invisible para todos estos métodos.
El texto en la imagen es texto mudo
El clásico: el departamento de gráficos diseña un bonito banner de promoción — el precio, período y condiciones están como texto en la imagen. Para los visitantes videntes se ve bien. Para todos los otros sistemas es un callejón sin salida: el programa de lectura en voz alta de un visitante ciego no puede convertir los píxeles en voz, al ampliar las letras se ven pixeladas y borrosas, Google no encuentra ni el precio ni la acción, y la traducción automática al inglés falla completamente. Además está el gasto de mantenimiento: cada cambio de precio requiere un diseñador gráfico. La regla permite excepciones donde la forma gráfica es esencial — su logotipo puede permanecer como imagen, por supuesto.
Así es como nuestra comprobación se ocupa de las imágenes de texto
Solo se puede saber si una imagen contiene texto mirando la imagen en términos de contenido — una máquina tendría que leer cada imagen como una persona y luego evaluar si la forma gráfica es esencial o si el texto podría presentarse igual de bien como texto real. Esta evaluación es una tarea humana. Nuestro núcleo de medición no afirma nada que no pueda medir: el criterio aparece en el informe como un punto de verificación humano. En el estándar Gold, un verificador revisa las imágenes de sus páginas y marca los banners, botones y gráficos cuyo contenido de texto debe implementarse como texto real — junto con recomendaciones sobre cómo preservar el diseño.
Beispiele
Überschrift als Grafik
<img src="ueberschrift-angebote.png" alt="Unsere Angebote"><h2 class="marke">Unsere Angebote</h2>
<style>.marke { font-family: "Hausschrift", sans-serif; }</style>Echter Text lässt sich vergrößern, umfärben, übersetzen und durchsuchen. Die Hausschrift kommt als Webschrift.
- Busque en su sitio web banners y mosaicos donde los precios, fechas o números de teléfono estén como imágenes — cambie exactamente este contenido primero.
- Pida a su agencia que separe el diseño y el texto: imagen de fondo como imagen, texto como texto real encima.
- Marque el texto en su sitio con el ratón — lo que no se puede marcar es una imagen y debe ir en la lista de verificación.
- Mantenga su logotipo como una imagen con buen texto alternativo — la excepción de la forma gráfica se aplica aquí.
- Recuerde el efecto secundario: cada texto convertido es visible para Google y fortalece su capacidad de descubrimiento.