> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.laposta.org/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.laposta.org/_mcp/server.

# ¿En qué debes fijarte para lograr un diseño accesible?

> Haz que el diseño de tu boletín sea accesible para cualquier lector con un tipo de letra legible, suficiente espacio en blanco, un contraste de color claro y botones fáciles de usar.

El diseño determina lo bien que se puede leer el [texto de tu boletín](/inhoud-van-jouw-nieuwsbrief-in-het-kader-van-toegankelijkheid). 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](https://fonts.google.com/) 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](/inhoud-van-jouw-nieuwsbrief-in-het-kader-van-toegankelijkheid).

## 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](https://contrastchecker.com).

Lee también cómo tener en cuenta la accesibilidad en [la estructura del código HTML](/opbouw-html-code-in-het-kader-van-toegankelijkheid).

## Artículos relacionados

#### [¿Qué requisitos cumple un código HTML accesible?](/opbouw-html-code-in-het-kader-van-toegankelijkheid)

Pautas sobre encabezados, tablas, textos alternativos y lectores de pantalla, entre…

#### [Escribir contenido accesible para tu boletín](/inhoud-van-jouw-nieuwsbrief-in-het-kader-van-toegankelijkheid)

Haz que tu boletín sea más fácil de leer para cualquier destinatario y apto para…

#### [¿Cuál es el ancho ideal al importar un boletín?](/wat-is-bij-import-de-ideale-breedte-van-mijn-nieuwsbrief)

¿Creas un boletín fuera de Laposta? Asegúrate de que tenga un ancho de 600 a 620…

#### [¿Cómo pensar temas para tu boletín?](/wat-zijn-goede-onderwerpen-voor-mijn-nieuwsbrief)

Cinco enfoques fijos para pensar temas relevantes para tu boletín.