Son 6 en total y abarcan sugerencias para usuarios del espectro autista, dislexia, capacidades motoras o físicas distintas, visión reducida, dificultades auditivas y usuarios de lectores de pantallas. El contenido y diseño de los mismos es producto de la investigación y experiencia del equipo de accesibilidad de la Home Office Digital del gobierno de Reino Unido. Todos los afiches están disponibles de manera gratuita en GitHub.

El objetivo es incrementar la conciencia sobre algunas de estas condiciones a través de una buena práctica de diseño. Todo indica que los afiches irán modificándose a medida que realicen nuevas pruebas en el equipo de La Home Office Digital o se reciban colaboraciones a través del repositorio GitHub.
Me parece importante aclarar que estos afiches no suplantan bajo ningún concepto un test de accesibilidad ni son suficientes por sí mismos para considerar todos los aspectos de las distintas necesidades de uso que plantean. Sin embargo, creo que pueden ser buenos disparadores de conversaciones y acercar la accesibilidad a distintos ámbitos de trabajo donde se estén diseñando servicios o productos. Bastará simplemente con que alguien los imprima y los cuelgue en alguna pared para generar una conversación sobre el tema.
Un ejercicio de empatía
Colaboré con este proyecto facilitando la traducción al español de los afiches. También generé una grilla y un archivo .ai para los usuarios de windows (en GitHub es posible obtener un archivo .sketch).
En un principio probé además, simplificar algunas decisiones de diseño para mejorar lo que yo entendía como legibilidad de estas piezas. Reduje el área del fondo de color buscando reforzar el contraste del título y generar un punto de entrada más claro en la pieza. También eliminé la línea vertical que divide la columna del si vs. no ya que, la alineación de los mismos elementos produce ese efecto en el ojo. Al ordenar los elementos en una grilla, este efecto se mantiene visualizando mejor los grupos de elementos. Subí esta primera contribución y obtuve un ejemplo de feedback positivo, ese que te sirve para accionar y a la vez te enseña algo.
El feedback vino de la mano de Karwai Pun, quien hizo los diseños originales de los afiches junto con el equipo de la Home Office Digital. Me enseñó que ellos también tenían un recorrido gráfico con distintas propuestas y la versión que habían publicado es la que encontraron más efectiva en los tests. El contraste blanco y negro, según me explicaba, puede resultar problemático para usuarios con dislexia pudiendo provocar que algunas palabras se vean borrosas, colores más suaves como fondo funcionan mejor.
Se hicieron pruebas con versiones previas y los usuarios se sentían abrumados por el contenido y no sabían dónde mirar. Desde entonces, redujeron el número de recomendaciones y la línea vertical ayudó a que las diferencias fueran aún más claras. Yo sugeriría volver a probar, ahora con una grilla y probablemente ese problema quede solucionado y se pueda remover la línea vertical definitivamente.
Al fin de cuentas, lo que rige es cómo el ojo ve una pieza, cuándo lo hace y bajo qué condiciones. Un ejercicio de empatía en todo sentido.

El objetivo de este texto es contagiar a más diseñadores a colaborar en esta iniciativa o bien en otras de accesibilidad. En 2010 Argentina promulgó la Ley 26.653 de accesibilidad de la información en las páginas web reglamentada en 2013 por decreto. Creo que aún necesitamos comprender que como diseñadores somos portavoces de estas personas también.
Fundamentalmente, derribar el concepto de qué servicios o productos accesibles incrementan el trabajo o requieren de algún gurú o experto. Hay que trasladar lecciones aprendidas en estos años y abandonar la idea de agregar accesibilidad a algo, sino pensar componentes accesibles desde el minuto cero.
Cómo se puede colaborar
- Es posible contribuir a la mejora continua de estos afiches a través del repositorio de la Home Office Digital en GitHub. (En el repositorio actual existe un archivo .ai , archivos .svg y .pdf.)
- Si imprimís los afiches en tu lugar de trabajo, sacales una foto y arrobá a la cuenta @HODigital para ayudar a darles difusión.
- Etiquetar los .pdf para que sean accesibles también puede ser una alternativa para contribuir con usuarios que utilizan lectores de pantalla.
Ver todos los afiches en GitHub
Descargar todos los afiches en español en (.pdf 600KB)
Descargar afiches y archivo editable en .ai (.zip 3MB)
Qué dicen los posters
Diseñando para usuarios del espectro autista
Sí
- utilizar colores simples
- escribir en términos sencillos
- utilizar oraciones simples y viñetas
- hacer botones descriptivos
- construir diseños simples y consistentes
No
- utilizar colores brillantes y contrastantes
- utilizar expresiones idiomáticas o regionalismos
- crear textos demasiado largos
- hacer botones vagos e impredecibles
- construir diseños complejos y recargados
Diseñando para usuarios con dificultades auditivas
Sí
- escribir en términos sencillos
- utilizar subtítulos o proveer transcripciones para videos
- utilizar un diseño lógico y lineal
- dividir el contenido con subtítulos, imágenes y videos
- permitir que los usuarios soliciten su vía de comunicación preferida al realizar citas
No
- utilizar expresiones idiomáticas o regionalismos
- poner contenido únicamente en audio o video
- realizar diseños y menús complejos
- hacer a los usuarios leer largos bloques de contenido
- hacer de la vía telefónica el único medio de contacto para los usuarios
Diseñando para usuarios con dislexia
Sí
- utilizar imágenes y diagramas para dar soporte al texto
- alinear texto a la izquierda y mantener una estructura consistente
- producir materiales en otros formatos (por ejemplo, audio o video)
- mantener el contenido breve, claro y simple
- permitir a los usuarios modificar el contraste entre fondo y texto
No
- utilizar bloques extensos de denso texto
- subrayar palabras, utilizar itálicas o escribir en mayúsculas
- forzar a usuarios a recordar cosas de páginas previas- dar recordatorios e indicaciones
- basarse en una ortografía precisa- utilizar autocorrector o dar sugerencias
- ubicar demasiada información en un lugar
Diseñando para usuarios con visión reducida
Sí
- utilizar un buen contraste de color y tamaño de tipografía legible
- publicar toda la información en páginas web
- utilizar una combinación de color, formas y texto
- mantener una composición lineal y lógica
- ubicar botones y notificaciones en contexto
No
- utilizar contraste de color pobre y un tamaño de tipografía pequeño
- ocultar información en descargables
- utilizar únicamente color para asociar significados
- desparramar contenido por toda la página
- separar acciones de su contexto
Diseñando para usuarios con capacidades motoras o distintas
Sí
- grandes áreas clickeables
- otorgar distancia a los campos de los formularios
- diseñar para operar con el teclado o el habla únicamente
- diseñar teniendo en mente los móviles y las pantallas táctiles
- ofrecer atajos
No
- demandar precisión
- agrupar interacciones juntas
- realizar contenido dinámico que requiera mucho desplazamiento del mouse
- tener períodos de expiración de una tarea
- desgastar a los usuarios con demasiado tipeo y scroll
Diseñando para usuarios de lectores de pantalla
Sí
- describir imágenes y proporcionar transcripciones para video
- mantener una composición lineal y lógica
- estructurar contenido utilizando HTML5
- construir para el uso del teclado únicamente
- redactar vínculos y títulos descriptivos
No
- mostrar información únicamente en una imagen o video
- desparramar contenido por toda la página
- basarse en el tamaño del texto y ubicación para la estructura
- forzar el uso de mouse o pantalla
- redactar vínculos y títulos pocos informativos
_
Ver todos los afiches en GitHub
Descargar todos los afiches en español en (.pdf 600KB)
Previous Next