En los Ciclos de Desarrollo de Aplicaciones Web y Multiplataforma estamos desarrollando proyectos centrados en la accesibilidad, aplicando las directrices de la normativa actual para garantizar una inclusión real de todos los usuarios. Hoy en día, se están creando equipos profesionales formados en accesibilidad web, actualizándose para diseñar e implementar experiencias web más inclusivas, por lo que, los alumnos y alumnas que están llevando a cabo este proyecto en el aula, están adquiriendo habilidades técnicas y de diseño que les permiten crear soluciones web que respondan a las necesidades de un público diverso, adaptándose a las necesidades actuales de los usuarios.

El proceso comienza con el análisis del problema: qué queremos diseñar, con qué objetivo y para quién; y sigue con la búsqueda de inspiración para atraer al público objetivo y definir la mejor manera de presentar la información. A partir de ahí, los equipos diseñan la interfaz utilizando herramientas como Figma o Penpot, creando mocks detallados, asegurando una estructura clara y funcional. También trabajan con la elección de colores, logo, iconos, etc. Una vez definido el diseño, pasan al desarrollo de la web aplicando tecnologías como Flexbox, Grid y Bootstrap para lograr una disposición adaptable y accesible. Es decir, buscamos la triple A (AAA), ¡la mejor nota de accesibilidad que podemos tener!

Para garantizar la accesibilidad, se siguen las pautas establecidas en las WCAG (Web Content Accessibility Guidelines) del W3C, que establecen principios esenciales como la percepción, operabilidad, comprensión y robustez de los contenidos web. Esto permite que la web sea accesible para todos los usuarios, independientemente de sus capacidades o condiciones.

El alumnado está incorporando elementos clave como HTML semántico y etiquetas ARIA, que permiten estructurar la información de manera que los lectores de pantalla y otras tecnologías de asistencia la interpreten correctamente. Además, mediante sencillos scripts personalizables, se pueden adaptar las interfaces a diferentes necesidades, como modos específicos, por ejemplo, para personas con daltonismo, mejorando su experiencia de navegación.

Para validar la accesibilidad de los proyectos, se utilizan herramientas para comprobar, por ejemplo, que el contraste del color del texto y el fondo son adecuados, además de plugins especializadas como WAVE, Lighthouse o Unlighthouse, que analizan la web en busca de posibles barreras. Además, se realizan pruebas de navegación con teclado y lectores de pantalla para asegurar que todos los elementos interactivos sean accesibles.

Cada equipo ha elegido una temática acorde con sus intereses, lo que les permite ponerse en la piel de los usuarios para los que están diseñando. Entre los proyectos se encuentran una tienda ecológica, una vinoteca, una tienda de cubos de Rubik o una tienda gamer, todos con un enfoque en la accesibilidad y la inclusión.

El objetivo es ir más allá de la funcionalidad, creando webs atractivas y accesibles que garanticen una experiencia de usuario óptima para todos, combinando diseño, accesibilidad y creatividad.

¡Un proyecto en marcha con diseño, accesibilidad y creatividad en equilibrio!