- Biblioteca
- Comunicación e influencia
- Comunicación intercultural e inclusiva
- Patrones de accesibilidad
- Tipografía accesible
Modelo mental
Tipografía accesible
Organizar el texto para que los lectores puedan ajustar su tamaño, espaciado y apariencia sin perder acceso al contenido ni a los controles.
Descubre
Imagina que estás organizando el texto de un sitio web. Los lectores usarán el zoom del navegador, que amplía el contenido de la página. ¿Qué comprobación permite saber si pueden duplicar el tamaño del texto?
Selecciona la comprobación que corresponde al objetivo de ampliación.
Aprende a comprobar la ampliación, los cambios de espaciado y las opciones de presentación.
Comprende
Comprende
La tipografía accesible consiste en organizar el texto para que las personas puedan leerlo y ajustar su apariencia según sus necesidades. Algunos lectores necesitan letras más grandes o más espacio entre palabras y líneas. Prueba a ampliar una página web al doble de su tamaño original y comprueba que el texto y los botones sigan disponibles.
Explicación completa
Explicación completa
La tipografía accesible se ocupa tanto de la legibilidad —distinguir las letras— como de la facilidad de lectura —seguir el texto escrito—. Los documentos explicativos de las Pautas de Accesibilidad para el Contenido Web (WCAG) del W3C que se proporcionan como fuentes describen requisitos para adaptar el tamaño, el espaciado y la presentación del texto. Son orientaciones informativas, no experimentos que demuestren que una fuente o una distribución funcionan mejor para todo el mundo.
El criterio Cambio de tamaño del texto, 1.4.4 de nivel AA, exige que el texto controlado por el autor pueda ampliarse hasta el 200 por ciento sin perder contenido ni funcionalidad y sin necesitar herramientas de accesibilidad especializadas, como un ampliador de pantalla. Quedan excluidos los subtítulos, que representan el audio de un contenido multimedia mediante texto sincronizado, y las imágenes de texto, que muestran palabras como imágenes. El zoom del navegador puede proporcionar esa ampliación; la página debe permitir que funcione correctamente. Comprueba también los niveles intermedios de ampliación que se ofrezcan. Este criterio no prohíbe por sí mismo el desplazamiento horizontal. [1]
El criterio Espaciado del texto, 1.4.12 de nivel AA, se aplica al contenido escrito en lenguajes de marcado —lenguajes que describen la estructura de un documento— cuando admiten las propiedades de espaciado pertinentes. El contenido debe admitir los cuatro cambios especificados a la vez, realizados por el usuario, sin perder contenido ni funcionalidad: una altura de línea, el espacio asignado a cada línea, de al menos una vez y media el tamaño de la fuente; un espacio después de los párrafos de al menos el doble del tamaño de la fuente; un espacio entre letras de al menos 0,12 veces el tamaño de la fuente; y un espacio entre palabras de al menos 0,16 veces el tamaño de la fuente. Estos valores son objetivos de referencia para los cambios del usuario, no ajustes predeterminados obligatorios ni una exigencia de admitir un espaciado ilimitado. Se exceptúan las propiedades que no se utilicen en un idioma y sistema de escritura determinados. El criterio no exige un control de espaciado integrado. [2]
En un formulario de reservas hipotético, ampliar el texto o aumentar su espaciado podría hacer que una etiqueta se superpusiera al campo siguiente. Permitir que crezca el área que la contiene puede mantener disponibles tanto la etiqueta como el control. Revisa la distribución modificada para detectar palabras ocultas, texto superpuesto y funciones que ya no estén disponibles. Esto ilustra cómo funciona la orientación: la distribución se adapta a los cambios del texto en lugar de recortarlo. Un lector también puede necesitar una fuente más ancha que la elegida por quien diseñó la página. Admitir cambios de espaciado puede facilitar otros cambios de presentación, pero no garantiza que funcione cualquier ajuste posible. [1][2]
Presentación visual, el criterio 1.4.8 de nivel AAA, se refiere a bloques que contienen más de una oración. Debe haber un mecanismo disponible que permita a los usuarios elegir los colores del texto y del fondo, conseguir anchos de no más de 80 caracteres o glifos —símbolos escritos—, o de 40 para textos en chino, japonés y coreano, y evitar la justificación completa, que alinea el texto con ambos márgenes. También abarca un interlineado de al menos espacio y medio dentro de los párrafos y un espacio entre párrafos al menos 1,5 veces mayor que el interlineado. El texto debe admitir una ampliación de hasta el 200 por ciento sin que sea necesario desplazarse horizontalmente para leer cada línea en una ventana maximizada, en una pantalla habitual de computadora de escritorio o portátil. Estos son ajustes de presentación que deben poder alcanzarse, no valores predeterminados obligatorios; el navegador puede proporcionar el mecanismo. Se exceptúan los ajustes de presentación que no se utilicen en un sistema de escritura. [3]
Estos criterios abordan distintas comprobaciones, sin establecer un orden universal para elegir el tamaño, el espaciado y las fuentes. Distingue entre permitir la ampliación, admitir los cambios de espaciado del usuario y ofrecer las opciones de presentación más amplias del nivel AAA. Las orientaciones proporcionadas no establecen un tamaño mínimo universal de fuente, una familia tipográfica óptima ni una mejora de la velocidad de lectura como resultado de estas comprobaciones. [1][2][3]
Investigación
Investigación
- Orientación oficial: Cambio de tamaño del texto exige una ampliación de hasta el 200 por ciento sin perder contenido ni funcionalidad, salvo en los subtítulos y las imágenes de texto. El navegador puede proporcionar la ampliación cuando el contenido no la impide; este criterio no prohíbe por sí mismo el desplazamiento horizontal. [1]
- Orientación oficial: Espaciado del texto comprueba si el contenido basado en lenguajes de marcado al que se aplica admite los cuatro cambios de espaciado especificados a la vez. Sus valores son objetivos de referencia para los cambios del usuario, no ajustes predeterminados obligatorios, y la página no necesita ofrecer su propio control de ajuste. Se trata de un requisito de adaptabilidad, no de una estimación de un efecto universal sobre la velocidad de lectura. [2]
- Orientación oficial y justificación explicativa: Presentación visual establece requisitos de nivel AAA para bloques de texto ajustables. El documento explica que algunos lectores tienen dificultades para seguir líneas largas o espacios desiguales causados por la justificación completa. Sus límites de ancho y otros ajustes de presentación deben poder alcanzarse mediante un mecanismo disponible, que puede proporcionar el navegador; no son reglas universales para la distribución predeterminada. [3]
Limitaciones
Limitaciones
Las fuentes proporcionadas son explicaciones informativas de criterios individuales de las WCAG. No establecen magnitudes de efecto universales en relación con las fuentes, los lectores de pantalla, la cognición o el comportamiento, y estas comprobaciones no garantizan el cumplimiento legal. El ejemplo del formulario de reservas es hipotético, no un resultado observado en un estudio. La aplicabilidad depende del criterio, la tecnología, el idioma y el sistema de escritura; los requisitos de Presentación visual de nivel AAA no deben presentarse como requisitos de nivel AA. La cita de Nielsen identificada incorrectamente en la lección anterior se ha eliminado y sustituido de forma explícita por las orientaciones del W3C proporcionadas; la cita anterior no se considera verificada. También se han eliminado otras clasificaciones de fuentes, recomendaciones numéricas sobre la distribución y afirmaciones sobre productos específicos que carecían de respaldo.
Fuentes
Fuentes
- [1] Comprender el criterio de conformidad 1.4.4: Cambio de tamaño del textoW3C Accessibility Guidelines Working Group
- [2] Comprender el criterio de conformidad 1.4.12: Espaciado del textoW3C Accessibility Guidelines Working Group
- [3] Comprender el criterio de conformidad 1.4.8: Presentación visualW3C Accessibility Guidelines Working Group
Pruébalo
Comprueba lo que has entendido
Para el texto controlado por el autor, salvo los subtítulos y las imágenes de texto, ¿qué resultado responde al criterio Cambio de tamaño del texto?
Ver la explicación de la guía
Respuesta: El texto puede ampliarse hasta el 200 por ciento sin perder contenido ni funcionalidad.
El criterio 1.4.4 exige una ampliación de hasta el 200 por ciento sin perder contenido ni funcionalidad y sin necesitar herramientas de accesibilidad especializadas. La elección de la fuente o el espaciado por sí solos no permiten comprobarlo.
Para el contenido basado en lenguajes de marcado que admite las propiedades de espaciado pertinentes, ¿qué exige el criterio Espaciado del texto?
Ver la explicación de la guía
Respuesta: Permitir los cuatro cambios de espaciado especificados a la vez sin perder contenido ni funcionalidad.
El criterio 1.4.12 comprueba la adaptabilidad cuando los usuarios cambian a la vez el espaciado entre líneas, párrafos, letras y palabras. No establece esos valores como predeterminados ni exige un control integrado. Se exceptúan las propiedades que no se utilicen en un idioma y sistema de escritura.
¿Qué afirmación describe correctamente el requisito de ancho de Presentación visual de nivel AAA?
Ver la explicación de la guía
Respuesta: Un mecanismo debe permitir que los bloques alcancen anchos de no más de 80 caracteres o glifos, o de 40 para textos en chino, japonés y coreano.
El criterio 1.4.8 se refiere a bloques que contienen más de una oración y exige un mecanismo disponible para los ajustes de presentación. El navegador puede proporcionar ese mecanismo. El ancho es un límite máximo que debe poder alcanzarse mediante un ajuste, no un valor predeterminado obligatorio ni una evaluación completa de accesibilidad.
Sigue explorando
Encuentra otra idea para la decisión que tienes por delante.
Toda la biblioteca de Reframo es de lectura gratuita. Explora otra guía cuando quieras.