Imágenes de texto:
Comprender CC 1.4.5
1.4.5 Imágenes de texto: Si con las tecnologías que se están utilizando se puede conseguir la presentación visual deseada, se utiliza texto para transmitir la información en vez de imágenes de texto, excepto en los siguientes casos: (Nivel AA)
Configurable: La imagen de texto es visualmente configurable según los requisitos del usuario;
Esencial: Una forma particular de presentación del texto resulta esencial para la información que se transmite.
Nota: Los logotipos (textos que son parte de un logo o de un nombre de marca) se consideran esenciales.
Proposito de este Criterio de Conformidad
La intención de este Criterio de Conformidad es alentar a los autores que usan tecnologías capaces de lograr una presentación visual específica a permitir que las personas que requieren una presentación particular del texto puedan ajustarlo según sus necesidades. Esto incluye a las personas que necesitan el texto en un tamaño particular, colores de primer plano y fondo, familia tipográfica, espaciado de líneas o alineación.
Si el autor puede usar texto para lograr el mismo efecto visual, debe presentar la información en forma de texto en vez de usar una imagen. Se puede usar una imagen de texto cuando por alguna razón el autor no puede usar texto para lograr el mismo efecto o el efecto no se logra presentar de forma confiable en las aplicaciones de usuario corrientes, o cuando el uso de una tecnología para cumplir con este criterio pueda interferir con otros criterios como el 1.4.4. Esto incluye las instancias donde una presentación particular del texto es esencial para la información transmitida, tales como muestras tipográficas, logotipos, nombres de marcas, etcétera. Se pueden usar imágenes de texto cuando es necesario utilizar un fuente en particular que no está ampliamente disponible o sobre la cual el autor no tiene derechos de distribución, o para asegurarse de que el texto resultará suavizado en todas las aplicaciones de usuario.
Las imágenes de texto también se pueden usar cuando a los usuarios les resulta posible personalizar la imagen de acuerdo con sus necesidades.
Las técnicas para cumplir con este Criterio de Conformidad son las mismas que las del Criterio de Conformidad 1.4.9, excepto que sólo se deben aplicar si la presentación visual se puede lograr con las tecnologías que el autor utiliza. Para el Criterio de Conformidad 1.4.9, las técnicas suficientes se aplicarían sólo cuando el usuario puede personalizar la salida.
Véase también Comprender el Criterio de Conformidad 1.4.9 Imágenes de texto (sin excepciones).
Beneficios específicos del Criterio de Conformidad 1.4.5:
Personas con baja visión (quienes pueden tener problemas leyendo el texto con la fuente, tamaño y/o color definidos por el autor).
Personas con problemas de recorrido visual (quienes pueden tener problemas para leer el texto con el interlineado y/o alineación definidos por el autor).
Personas con deficiencias cognitivas que pueden afectar a la lectura.
Ejemplos del Criterio de Conformidad 1.4.5
Títulos con estilos
En vez de usar una imagen para presentar los títulos en una fuente específica de determinado tamaño, un autor utiliza CSS para lograr el mismo resultado.
Imágenes generadas dinámicamente
Una página web usa scripts del servidor para presentar texto como una imagen. La página incluye controles que permiten a los usuarios ajustar el tamaño de la fuente y los colores de la imagen generada.
Un cita textual
Una página web contiene una cita textual. El texto de la cita se presenta en itálicas, con una sangría en el margen izquierdo. El nombre de la persona a quien se atribuye la cita está abajo, con un espacio entre líneas de 1.5x y una mayor sangría sobre el margen. Se utiliza CSS para ubicar el texto; definir el espacio entre líneas; determinar la fuente, el tamaño, color y decoración del texto.
Elementos de navegación
Una página web contiene un menú de navegación que usa un icono y un texto para describir cada enlace. Se usa CSS para definir la fuente, el tamaño y los colores, como así también el espacio entre los enlaces de navegación.
Un logotipo que contiene texto
Un sitio web contiene el logo de la empresa en la esquina superior izquierda de cada página. El logo contiene un texto (como parte o totalidad del logo). La presentación visual de ese texto resulta esencial para identificar al logotipo y se utiliza una imagen gif que no permite cambiar las características del texto. La imagen tiene una alternativa textual.
Representación de una fuente tipográfica
Una página web contiene información acerca de una familia tipográfica en particular. Si se sustituyera la fuente por otra se anularía el propósito de la representación. La presentación se hace con una imagen jpeg que no permite cambiar las características del texto. La imagen tiene una alternativa textual.
La representación de una carta
Una página web contiene una representación del original de una carta. La representación de la carta en su formato original es esencial para transmitir información sobre el período de tiempo en que fue escrita. La carta se incluye como una imagen gif que no permite que las características del texto sean modificadas. La imagen tiene una alternativa textual.
Caracteres de texto simbólicos
Un formulario permite a los usuarios ingresar bloques de texto. El formulario contiene botones para cambiar el estilo del texto y corregir su ortografía. Algunos de esos botones usan caracteres de texto que no forman una secuencia con significado. Por ejemplo, "B" para poner negritas, "I" para poner en itálicas y "ABC" para revisar la ortografía. Los caracteres simbólicos se incluyen como imágenes gif que no permiten modificar las características del texto. Los botones tienen alternativas textuales.
Fuentes configurables para las imágenes de texto
Un sitio web permite a los usuarios especificar las características de una fuente tipográfica y todas las imágenes de texto que aparecen en el sitio se basan en esa configuración.
Recursos relacionados
Los recursos tienen un propósito puramente informativo y no implican ningún aval.
Técnicas y Fallos para el Criterio de Conformidad 1.4.5 - Imágenes de texto
Cada elemento enumerado en esta sección representa una técnica o una combinación de técnicas que el Grupo de Trabajo WCAG considera suficientes para cumplir con este Criterio de Conformidad. Las técnicas enumeradas sólo satisfacen el Criterio de Conformidad si se cumple con todos los requisitos de conformidad de las WCAG 2.0.
Técnicas suficientes
Técnicas adicionales (recomendables) para 1.4.5
Aunque no se requieren para lograr la conformidad, las siguientes técnicas adicionales deben ser consideradas a fin de hacer más accesibles los contenidos. No todas las técnicas podrán ser utilizadas o resultarán eficaces en todas las situaciones.
Técnicas generales por el contenido no textual
Identificar el contenido no textual informativo (futuro enlace)
Técnicas CSS
C12: Usar porcentajes para definir el tamaño de las fuentes (CSS)
C14: Usar unidades de medida em para definir los tamaños de fuente (CSS)
C8: Usar la propiedad letter-spacing de CSS para controlar el espaciado dentro de una palabra (CSS)
C6: Posicionar el contenido basándose en marcado estructural (CSS)
Evitar aplicar estilos de texto a caracteres dentro de una palabra (futuro enlace)
Fallos comunes para el CC 1.4.5
Los siguientes son los errores comunes que son considerados fallos al Criterio de Conformidad 1.4.5 por el Grupo de Trabajo WCAG.
(No existen fallos documentos actualmente)
Términos clave
- esencial
Si se quitara, cambiaría la información o la funcionalidad del contenido y éstas no se pueden alcanzar de ninguna otra manera que sea conforme a los requisitos.
- imágenes de texto
El texto que ha sido presentado en forma no textual (por ejemplo, una imagen) para conseguir un efecto visual determinado.
Nota: Esto no incluye el texto que forma parte de una imagen que contiene otros elementos visuales significativos.
Ejemplo: La etiqueta con el nombre de la persona que aparece en una fotografía.
- texto
La secuencia de caracteres que puede ser determinada por software, cuando la secuencia está expresando algo en un idioma.
- visualmente configurable
Cuando se puede establecer el tipo de letra, el tamaño, el color y el fondo.