La accesibilidad en la tipografía
Por legibilidad se entiende el grado de facilidad con el que un texto
puede ser leído sin que exista ambigüedad formal.
Factores fundamentales en la composición del texto:
El contenido del texto que se publica (qué se lee).
El tipo de público al que va dirigido (infantil, adulto, público en general, comunidad científica, etc.).
Cuál es el soporte (papel, pantalla, etc.).
Cuál es la finalidad del mensaje (publicidad, divulgación científica, literatura, arte, etc.).
Característica fundamental: la legibilidad
La accesibilidad en la tipografía
Se recomienda usar tipografías sin sérif para la lectura en pantalla, puesto que se adapta a la retícula de píxeles.
Para piezas impresas la letra con serif es la más legible, pues distingue unas letras de otras.
La letra regular acostumbra a resultar más legible que cualquiera de sus variantes (cursiva, negrita, versal).
Las palabras deben estar próximas unas a otras.
El interlineado debe ser superior al espacio entre palabras.
Para la lectura en pantalla, se recomienda que el interlineado esté entre entre 130 y 150%.
Algunas recomendaciones:
La accesibilidad en la tipografía
En soporte papel una línea debería tener 55/60 caracteres o 9/10 palabras.
En el caso de la pantalla, es aconsejable intentar que no se superen los 40/60 caracteres por línea.
Las letras minúsculas son más legibles que las mayúsculas.El intercalado de mayúsculas dentro de una frase interrumpe notablemente el ritmo de lectura.
El tamaño de letra de pantalla no debería ser inferior a los 10 puntos. La letra más legible es Arial a 12 puntos, seguida por la Times New Roman 12 puntos.
Algunas recomendaciones:
Aplicar estilos tipográficos con consistencia: por ejemplo, cursivas para citas textuales, negritas para resaltar,…
No abusar del uso de tipografía heterogénea, ya que impide la observación de un patrón consistente, y dificulta que el lector pueda interpretar la función asignada a cada bloque de texto.
Usar listas.
La accesibilidad en la tipografía
Algunas recomendaciones:
Los tres primarios:
Los tres secundarios:
Rojo
Azul
Amarillo
Verde
Violeta
Naranja
La capacidad del ser humano para reconocer y diferenciar fácilmente los colores está limitada a seis:
Contrastes de color
El contraste se produce cuando en una composición los colores no tienen nada en común o no guardan ninguna similitud.
Tipos:
Contraste cromático: modifica los colores en el sentido de la complementariedad
Asimilación: cuando los matices son similares, los colores se aproximan en lugar de acentuar su contraste.
Característica fundamental: contraste adecuado entre fondo y texto.
La World Wide Web Consortium (W3C) tiene fijadas las pautas de accesibilidad web para que aquellos que sufren discapacidades visuales, motrices, cognitivas o auditivas puedan navegar con más facilidad por Internet.
Color y accesibilidad
Color y accesibilidad
Pautas referentes al color:
2.1 (WCAG 1.0) Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores.
2.2 (WCAG 1.0) Las combinaciones de color de fondo y de primer plano deben ofrecer suficiente contraste para ser visualizadas por personas con discapacidad visual, o tener el suficiente contraste para pantallas en blanco y negro.
Ejemplo:
Problema: Indicamos y planteamos una funcionalidad basada en el color.
Solución: Utilizar asteriscos como marcadores.
Color y accesibilidad
Directrices referentes al contraste/luminosidad:
1.4 (WCAG 2.0) Se requiere que haya suficiente contraste de luminancia entre el texto y color de fondo.
1.4.3 (WCAG 2.0) Contraste (mínimo): La presentación visual del texto y las imágenes de texto tiene un ratio de contraste de al menos 4.5:1 (excepto Nivel AA)
1.4.6 (WCAG 2.0) Contraste (Mejorado): La presentación visual del texto y las imágenes de texto tiene un ratio de contraste de al menos 7:1, excepto en lo siguiente: (Nivel AAA)
Color y accesibilidad
Ejemplo:
Contraste insuficiente
Contraste suficiente
Color y accesibilidad
Combinaciones de colores
más accesibles:
Negro sobre blanco.
Negro sobre amarillo.
Rojo sobre blanco.
Verde sobre blanco.
Blanco sobre rojo.
Amarillo sobre negro.
Blanco sobre azul.
Blanco sobre verde..
Blanco sobre negro.
Color y accesibilidad
Paletas adaptadas:
Color y accesibilidad
Los vínculos no deben depender exclusivamente de un color, es recomendable marcarlos con subrayado, cursiva,…
Los campos de formularios deben mostrar los errores sin basarse en el color.
En los gráficos estadísticos es necesario mostrar una leyenda que identifique cada barra con un icono descriptivo.
Usar iconos que describan la acción o el estado.
Color y accesibilidad
Algunas recomendaciones:
El flujo visual es el camino que recorren los ojos a través de una pantalla. El orden convencional en Occidente es de arriba hacia abajo y de izquierda a derecha.
Si el diseño está bien realizado este movimiento es natural y fluido, el ojo va de un objeto al siguiente sin darse cuenta.El diseñador tiene que presentar los elementos o la información según se desee que los vea o lea el usuario. Y debe dirigir la mirada hacia el objetivo buscado, hacia la llamada a la acción que se desea realice el usuario.
Composición y flujos visuales
 Página anterior | Volver al principio del trabajo | Página siguiente  |