Accesibilidad, Usabilidad y cómo crear una Web para todos

Asegurar que la tecnología no deje a absolutamente nadie atrás en el sector público es un mandato (y una gran responsabilidad), pero en realidad es una filosofía que todo creador digital debería grabarse a fuego.

¿De qué sirve desarrollar una plataforma web con una arquitectura técnica impecable o un diseño visualmente espectacular si una persona con discapacidad visual no puede leerla? ¿O si resulta un auténtico dolor de cabeza intentar hacer clic en un botón desde la pantalla del móvil mientras vas en el metro?

A menudo confundimos hacer una web "bonita" con hacer una web "buena". Y ahí es donde entran en juego los verdaderos pilares de la experiencia digital. En este artículo vamos a hablar de conceptos que marcan la diferencia entre un sitio web mediocre y uno excelente: la Accesibilidad, la Usabilidad, el famoso W3C, el Diseño Universal y el Diseño Web Adaptativo (Responsive).

No se trata solo de cumplir normativas o hacer check en una lista de auditoría; se trata de empatía digital y de democratizar el acceso a la información.

Los cimientos de una web para todos

Hay proyectos millonarios que fracasaban en lo más básico: el usuario. A veces, los equipos técnicos se obcecan tanto con el backend o la seguridad (que ojo, es vital) y olvidan quién está al otro lado de la pantalla. Para entender cómo construir soluciones digitales robustas de verdad, hay que desgranar estos conceptos clave.

Accesibilidad vs. Usabilidad: No son lo mismo, pero se necesitan

Es muy común mezclar estos dos términos, pero tienen matices distintos y complementarios:

• Accesibilidad: Se centra en quién puede usar la web. Consiste en eliminar las barreras que impiden a las personas con algún tipo de discapacidad (visual, auditiva, motriz o cognitiva) interactuar con la información. Hablamos de que la web se pueda navegar usando solo el teclado, que los contrastes de color sean suficientes para alguien con daltonismo, o que el código esté bien estructurado para que un lector de pantalla pueda "leer" la página a una persona ciega.
• Usabilidad: Se centra en cómo de fácil y satisfactorio es usar la web. Es el famoso Don't make me think (No me hagas pensar) de Steve Krug. Una web usable es intuitiva, eficiente y permite al usuario alcanzar su objetivo rápidamente sin frustrarse.

Puedes tener una web muy usable para un usuario promedio, pero totalmente inaccesible para una persona con problemas de visión. Y al revés: una web puede ser técnicamente accesible (cumple todas las normas), pero ser un laberinto infumable para navegar. El objetivo siempre debe ser el combo ganador: usable y accesible.

W3C: El árbitro del partido

Para que la web no sea el Salvaje Oeste, alguien tiene que poner las reglas. Ese es el W3C (World Wide Web Consortium), el organismo internacional fundado por Tim Berners-Lee (el padre de la web).

Dentro del W3C está la iniciativa WAI (Web Accessibility Initiative), que publica las famosas pautas WCAG. En general en el sector público, no nos tomamos estas pautas como una simple recomendación, sino como una obligación legal (a través de la norma UNE-EN 301549 en Europa y el RD 1112/2018 en España). Al auditar proyectos, el nivel de conformidad AA de las WCAG asegura que la plataforma pasa el corte. 📖

Diseño Universal: Diseñar para las minorías beneficia a la mayoría

El Diseño Universal nace en la arquitectura física, pero se traslada perfectamente al mundo digital. Se basa en crear productos y entornos que puedan ser utilizados por el mayor número posible de personas, sin necesidad de adaptaciones especiales.

Hay un fenómeno llamado el efecto del bordillo rebajado. Las rampas en las aceras se diseñaron para usuarios de sillas de ruedas (accesibilidad), pero terminaron beneficiando a padres con carritos de bebé, viajeros con maletas y repartidores. En la web pasa igual:

• Si pones subtítulos en un vídeo para personas sordas, estás ayudando a quien quiere ver ese vídeo en silencio en la sala de espera del médico.
• Si usas un buen contraste de colores para personas con baja visión, ayudas al usuario que intenta leer la pantalla del móvil a pleno sol. ☀️

Diseño Web Adaptativo (Responsive Web Design)

Hoy en día no tiene sentido diseñar solo para una pantalla de ordenador. Consumimos contenido desde monitores ultrawide, tablets, móviles y hasta smartwatches.

El Diseño Web Adaptativo no consiste solo en encoger las cosas a la fuerza. Se trata de usar estructuras fluidas, cuadrículas flexibles (los famosos grids) y media queries en CSS para que la interfaz se reordene, adapte y cambie inteligentemente según el tamaño del dispositivo. Si alguna vez has tenido que hacer "zoom de pellizco" con los dedos en tu móvil para poder leer el menú de un restaurante o hacer clic en un enlace de una web gubernamental antigua, sabrás exactamente por qué el diseño responsive es innegociable hoy en día.

A modo de cierre: La tecnología solo tiene sentido si nos conecta a todos

Al final quiero quedarme con esta conclusión: la tecnología que excluye no es innovación, es simplemente una barrera disfrazada de modernidad.

Integrar la accesibilidad, pelear por una buena usabilidad, seguir las pautas del W3C y apostar por el diseño universal y adaptativo no son tareas "extra" que dejamos para el final del proyecto si sobra presupuesto. Tampoco son una simple lista de casillas que marcar para pasar una auditoría técnica. Son la base misma de nuestro trabajo. Como ingenieros, desarrolladores o creadores de contenido, tenemos la capacidad —y la obligación— de construir una web más justa, equitativa y cómoda para todos.

Hacer las cosas bien desde el principio cuesta menos que intentar arreglar un desastre a posteriori. Y, francamente, la satisfacción de saber que el servicio que has ayudado a desplegar puede ser usado por cualquier ciudadano, independientemente de sus capacidades o del dispositivo que tenga en las manos, es la mejor recompensa profesional. 💡

Y ahora, me encantaría saber qué pensáis vosotros, que sois los que le dais vida a este blog.

🗣️ ¡Turno de debate en los comentarios! ¿Alguna vez os habéis peleado con una web (ya sea pública o privada) que era un auténtico infierno usar desde el móvil? ¿Aplicáis pautas de accesibilidad en vuestros proyectos del día a día o creéis que sigue siendo una asignatura pendiente en el sector IT?

Dejadme vuestras experiencias y anécdotas aquí abajo y vamos charlando. ¡Os leo! 👇