¿En qué debes fijarte para lograr un diseño accesible?
El diseño determina lo bien que se puede leer el texto de tu boletín. Por eso, ten en cuenta los siguientes puntos desde el momento en que empiezas a diseñar. Limitarán un poco tus opciones de diseño, pero aun así podrás crear un boletín bonito y moderno.
Hacer que el texto sea fácil de leer
Los ajustes que se muestran a continuación están relacionados entre sí: por ejemplo, una letra grande de poco sirve si las líneas están demasiado juntas.
- Tamaño de letra: para muchas personas, un tamaño inferior a 14px ya resulta difícil de leer. Por eso, utiliza como mínimo 14px. En las pantallas de los móviles, el texto suele mostrarse aún más pequeño. Utiliza media queries para garantizar ahí un mínimo de 16px.
- Tipo de letra: gracias a las fuentes web tienes muchas opciones para elegir, pero no todos los tipos de letra son igual de legibles. Elige un tipo de letra que no se parezca demasiado a la letra manuscrita y en el que el espacio entre las letras no sea demasiado pequeño. Presta también atención a la fuente alternativa (fallback font), que es la que se muestra si el programa de correo del destinatario no admite fuentes web.
- Espacio en blanco: mantén el interlineado al menos 2px por encima del tamaño de letra elegido y deja espacio entre los párrafos. La distancia entre el texto y los bordes del correo electrónico, así como entre las imágenes y el texto, aporta una claridad extra a tu boletín.
- Alineación: alinea el texto a la izquierda. Es como mejor se lee. Justificar el texto (‘justified’) es habitual en los medios impresos, pero en una pantalla el espacio irregular entre las palabras genera un efecto visual confuso.
Tener en cuenta el color, la imagen y el movimiento
- Contraste: a las personas con problemas de visión les ayuda que haya una diferencia clara entre los colores, sobre todo entre el texto y el fondo. Fíjate también en las combinaciones de colores pensando en las personas con daltonismo.
- Número de imágenes: para las personas con discapacidad visual, las imágenes resultan menos adecuadas. Por supuesto que puedes utilizar imágenes, pero asegúrate de mantener un buen equilibrio entre texto e imagen.
- Texto en una imagen: incluir texto como imagen te da más control sobre su aspecto, pero un lector de pantalla no puede leer ese texto en voz alta. Por lo tanto, pon todo el texto de tu boletín como texto normal (plano).
- Contenido parpadeante: las imágenes o los colores que parpadean rápidamente pueden provocar convulsiones en las personas sensibles a estos estímulos. Por eso es mejor no utilizarlos.
Botones y enlaces fáciles de pulsar
Haz que los botones y los enlaces sean lo suficientemente grandes. Esto ayuda a las personas que no pueden mover el ratón o los dedos con mucha precisión y, en las pantallas pequeñas, cualquier lector nota la diferencia. El texto que aparece en el botón también es importante: puedes leer más al respecto en el apartado sobre los textos de enlaces y botones.
Comprobar tu diseño
- Visualiza el boletín sin imágenes y amplía el contenido haciendo zoom. Comprueba si todo se sigue viendo bien.
- Comprueba con una herramienta online si el contraste de color es suficiente, por ejemplo a través de https://contrastchecker.com.
Lee también cómo tener en cuenta la accesibilidad en la estructura del código HTML.