Módulo 4 – CONSTRUIR
Implementación digital
5. Garantizar la accesibilidad y la usabilidad
5.1 Legibilidad
- Coloca las instrucciones en un recuadro sólido (no pongas el texto directamente sobre imágenes recargadas).
- Las instrucciones deben ser breves: una acción o un objetivo por frase.
- Evita la cursiva, el subrayado o el texto justificado. Usa negrita y alinea a la izquierda.
- Asegúrate de que todo el texto utilice un interlineado de 1,4 a 1,5.
- Utiliza fuentes claras y sin serif (como Arial, Century Gothic u Open Dys).
- Utiliza un tamaño de fuente adecuado: al menos 18 pt para el cuerpo del texto, 24 pt para los encabezados y los botones. No utilices un tamaño inferior a 16 pt si tu juego se juega en teléfonos móviles.
- Evita los párrafos largos y utiliza viñetas siempre que sea posible.
Consejos y trucos: Si tienes que añadir un texto más extenso, muéstralo solo cuando sea necesario (mediante un botón con la indicación «Leer más»).
5.2 Color y contraste
- Evita el texto u objetos claros sobre un fondo claro o recargado. Da preferencia a los colores más oscuros para los elementos en primer plano.
- Comprueba que los colores, especialmente entre los elementos clave, tengan el contraste adecuado (utiliza herramientas como WebAIM Contrast Checker). Intenta alcanzar un contraste de al menos 4,5:1 para el texto normal y de 3:1 para el texto grande.
- Evita las señales que utilicen solo rojo y verde (que suponen un riesgo para las personas daltónicas).
- Utilice símbolos junto con el texto, y no solo el color, para las pistas clave o los elementos de los rompecabezas. Por ejemplo: «Desbloqueado ✓» o «Inténtalo de nuevo ✗».
5.3 Alternativas auditivas y visuales
- Evita los efectos de sonido o animaciones irrelevantes; mantén solo los elementos relevantes y útiles (no deberían ser necesarios para resolver los acertijos).
- Activa la opción «Zoom» en la configuración de «Preferencias» para permitir que los/as jugadores/as con discapacidad visual puedan ver más de cerca los elementos clave.
- Si añades narración de audio, añade también la transcripción en forma de texto.
- Si añades una pista visual o en vídeo, escribe también la información clave en forma de texto.
5.4 Sobrecarga cognitiva
Reglas de diseño aptas para principiantes/as
- Un objetivo principal por pantalla
- Un máximo de 3 a 7 elementos en los que se pueda hacer clic en las pantallas para principiantes/as
- Proporciona una instrucción visible del tipo «¿Qué debo hacer?» en todo momento
Estructura útil
- Cuadro «Tu tarea» para identificar fácilmente las instrucciones.
- Cuadro «Pistas encontradas» para confirmar los pasos correctos y aclarar el proceso.
- Botón «Pista» para proporcionar orientación adecuada en caso de dificultad
5.5 Compatibilidad con dispositivos
- Previsualización en un ordenador portátil, un teléfono y una tableta para garantizar que las funciones, el tamaño y las interacciones sean adecuadas en todos los dispositivos potenciales.
- Comprueba:
- ¿Son los botones lo suficientemente grandes para el tacto?
- ¿Se puede leer el texto sin ampliarlo?
- ¿Caben las ventanas emergentes en la pantalla?
- Si el uso móvil es habitual, simplifica:
- Menos puntos de clic pequeños
- Menos tareas de arrastrar y soltar
- Texto y botones más grandes
Actividad: Verdadero o falso
Decide si las afirmaciones son verdaderas o falsas.
Mira el vídeo
En este vídeo encontrarás un resumen de la parte 5 de este módulo.