- Reflexiones
Perceptible: diseñar para que la información llegue a todos
- Luiso Vázquez
En la entrada anterior hablábamos de los cuatro principios básicos de las WCAG: perceptible, operable, comprensible y robusto. El primero de ellos es probablemente uno de los más fáciles de relacionar con el diseño visual, pero también uno de los que más errores acumula en sitios web reales.
Que una web sea perceptible significa que la información debe poder llegar al usuario de distintas formas, sin depender únicamente de un sentido o de una manera concreta de navegar. No basta con que algo esté en pantalla: tiene que poder leerse, escucharse, interpretarse o ser entendido por tecnologías de asistencia.
Dicho de otra forma, una web perceptible no da por hecho que todas las personas ven, escuchan o procesan la información de la misma manera.
El contraste no es solo una cuestión estética
Uno de los ejemplos más claros es el contraste de color. Muchas veces, por buscar una estética más limpia o minimalista, se utilizan textos grises muy claros sobre fondos blancos, botones con poco contraste o estados de interacción demasiado sutiles.
Visualmente puede parecer elegante, pero si el usuario tiene dificultades de visión, está usando una pantalla con poco brillo o intenta leer desde el móvil bajo la luz directa del sol, ese diseño empieza a convertirse en una barrera.
El contraste no afecta solo al cuerpo de texto. También es importante en enlaces, botones, formularios, mensajes de error, etiquetas, iconos y cualquier elemento que ayude al usuario a entender o interactuar con la página.
Diseñar con buen contraste significa asegurarse de que esa identidad sigue funcionando en situaciones reales.
Texto, jerarquía y legibilidad
La accesibilidad también está en decisiones aparentemente pequeñas: el tamaño de la fuente, el interlineado, la longitud de las líneas o la forma en la que organizamos los títulos.
Un bloque de texto demasiado largo, sin subtítulos ni descansos visuales, puede hacer que una página sea difícil de seguir. Lo mismo ocurre con textos muy pequeños, pesos tipográficos demasiado finos o una jerarquía poco clara entre títulos, subtítulos y párrafos.
Una buena jerarquía ayuda a escanear el contenido, entender qué es importante y avanzar sin esfuerzo. Y eso no beneficia solo a personas con dificultades visuales o cognitivas, sino que mejora la experiencia para cualquier usuario.
Imágenes con sentido
Otro punto importante es el uso de imágenes. No todas cumplen la misma función.
Una imagen decorativa puede no necesitar una descripción detallada, pero una imagen que aporta información sí debería tener una alternativa textual. Por ejemplo, si usamos un diagrama para explicar los principios POUR, esa información no debería estar únicamente dentro de la imagen.
El texto alternativo sirve para que una persona que navega con lector de pantalla pueda entender qué aporta esa imagen. Pero no se trata de describir por describir. Lo importante es explicar la función de la imagen dentro del contexto.
No depender solo del color
El color es una herramienta muy útil, pero no debería ser la única forma de comunicar algo.
Por ejemplo, si un formulario marca un error únicamente en rojo, puede que algunas personas no entiendan qué está pasando. Sería mejor acompañarlo de un mensaje, un icono o una explicación clara.
Lo mismo ocurre en gráficas, estados de botones, avisos o etiquetas. Si la única diferencia entre dos elementos es el color, estamos dejando fuera a usuarios con daltonismo, baja visión o simplemente a personas en contextos donde la pantalla no se ve bien.
Una buena práctica es preguntarse: Si quitara el color, ¿la información seguiría entendiéndose Si la respuesta es no, probablemente hay que reforzar el diseño con otro recurso.
Audio, vídeo y contenido multimedia
El principio perceptible también afecta al contenido audiovisual. Si una información importante aparece solo en un vídeo sin subtítulos, una persona con dificultades auditivas puede perderla. Si un audio no tiene transcripción, ocurre lo mismo.
Añadir subtítulos, transcripciones o alternativas textuales no solo mejora la accesibilidad. También ayuda a personas que están en un entorno con ruido, que no pueden activar el sonido o que simplemente prefieren leer.
Al final, se trata de no encerrar la información en un único formato.
Perceptible no significa aburrido
A veces se piensa que diseñar de forma accesible limita la creatividad, pero en realidad suele ocurrir lo contrario. Obliga a tomar mejores decisiones.
Un buen contraste puede reforzar la personalidad visual. Una jerarquía clara puede hacer que una página parezca más cuidada. Una interfaz legible transmite más confianza. Y un contenido bien estructurado mejora la experiencia desde el primer momento.
Diseñar de forma perceptible no significa hacer webs planas o sin carácter. Significa evitar que la estética se convierta en una barrera.
¿Y después qué?
Hacer que una web sea perceptible es el primer paso para no dejar a nadie fuera. Si una persona no puede acceder a la información, todo lo demás deja de importar.
Pero una vez que el usuario puede percibir el contenido, aparece la siguiente pregunta: ¿puede interactuar con él? De eso trata el siguiente principio: que una web también sea operable.
