Lista de verificación de accesibilidad de diseño

Pautas de marca

Esta lista de verificación destaca las consideraciones de accesibilidad del diseño. Esta lista de verificación ayuda a garantizar que los materiales de comunicación sean accesibles para la audiencia más amplia posible. Se aplica a todos los medios— impreso, digital, señalética, presentaciones, etc. — y es una herramienta práctica para que el personal y los contratistas la utilicen al preparar materiales de comunicación. Seguir estas comprobaciones ayuda a garantizar que su trabajo esté en consonancia con la marca y sea accesible.

Importante: Esta lista de verificación es de alto nivel y se aplica a todos los materiales impresos, digitales u otros tipos de materiales. Si su material se encuentra dentro de los requisitos específicos de accesibilidad digital o de documentos (por ejemplo, WCAG, accesibilidad PDF/Word, señalización ADA), esos estándares tienen prioridad.

Color y contraste

Utilice suficiente contraste de color entre el texto y el fondo.
Ejemplo: El texto gris claro sobre blanco es difícil de leer.
Referencia: WCAG 2.1 AA – Relación de contraste de 4,5:1
No confíes solo en el color para transmitir significado.
Ejemplo: Utilice iconos o etiquetas además de colores rojo/verde para el estado.
Evite combinaciones de colores problemáticas (por ejemplo, rojo / verde, azul / morado) para usuarios daltónicos.
Consejo: Hay muchos sitios y aplicaciones que pueden simular el daltonismo.

Tipografía/Fuentes

Utiliza un tamaño de fuente mínimo de 12pt (16px) para el cuerpo del texto impreso y de 16px para el digital.
Ejemplo: Los pequeños descargos de responsabilidad en fuente de 8 puntos a menudo son ilegibles.
Utilice fuentes aprobadas por la marcaque sean claras y legibles.
Ejemplo: Utilice fuentes de marca designadas para el cuerpo del texto; Evite fuentes no aprobadas que reduzcan la legibilidad.
Mantenga suficiente espacio entre líneas (se recomienda 1,5 veces la altura de la línea).
Mejora la legibilidad, especialmente para usuarios con discapacidades cognitivas.

Imágenes e iconos

Use íconos que sean universalmente reconocibles y emparejadoscon etiquetas cuando sea posible.
Ejemplo: Un icono de papelera con la palabra "Eliminar".
Evite el texto incrustado en las imágenesa menos que sea grande, de alto contraste y legible.
Los lectores de pantalla no pueden cambiar el tamaño del texto de las imágenes ni leerlo.
Asegúrese de que las imágenes respalden el mensajey no distraigan ni confundan.
Ejemplo: Evite las imágenes abstractas cuando se necesite claridad.

Diseño y espaciado

Utilice una jerarquía visual clarapara guiar al lector.
Ejemplo: Los encabezados deben ser más grandes y audaces que el cuerpo del texto.
Asegurar un espacio adecuadoentre los elementos.
Evite el desorden que abruma o confunde.
Alinee el contenido de manera consistentepara admitir el escaneo y la comprensión.
Ejemplo: El texto alineado a la izquierda es más fácil de leer que el alineado al centro.

Movimiento y animación

Evite los efectos intermitentes o estroboscópicosque pueden desencadenar convulsiones.
Referencia: WCAG – Tres destellos o por debajo del umbral.
Proporcione opciones de movimiento reducidopara materiales digitales.
Ejemplo: Respetar la configuración del sistema para reducir el movimiento.
Use la animación a propósito, no decorativamente.
Ejemplo: Usa transiciones para guiar la atención, no solo para el estilo.

Lenguaje y legibilidad

Use un lenguaje sencilloy evite la jerga cuando sea posible.
Ejemplo: Diga "usar" en lugar de "utilizar".
Mantenga oraciones cortas y directas.
Apunte a un nivel de lectura alrededor del 8º grado.
Use encabezados y viñetaspara dividir el contenido denso.
Mejora el escaneo y la comprensión.