Luluka

¡Estamos muy orgullosos! 🌟 Les presentamos a nuestros nuevos alumnos certificados en nivel básico de la Escuela Luluka, quienes ahora están listos para asumir nuevas responsabilidades y avanzar con confianza en su camino hacia la independencia. 👏 Este logro no sería posible sin el increíble apoyo de nuestros patrocinadores, quienes han hecho realidad las Becas a la Independencia Visual. ¡Gracias por creer en ellos y ayudarnos a cambiar vidas! 💙 Felicitaciones a todos nuestros graduados por su esfuerzo y dedicación. ¡Lo mejor está por venir! 🚀

Cuando se deja de lado la accesibilidad, también se dejan de lado las partes de equidad e inclusión.✋ Las personas no deberían tener que pedir que algo sea accesible, que se les dé un trato equitativo, o tener que pedir que se les incluya. Así que si no entendemos completamente la accesibilidad, no la ignoremos. Hagamos preguntas, mantengámonos abiertos a cambiar la forma en que hacemos las cosas, usemos los diversos recursos que existen para aprender y permitámonos cometer errores, ¡nosotros también seguimos aprendiendo! 🤓🌎 Hagamos que la accesibilidad sea una práctica estándar, que sea parte de nuestra vida. 💻🤝

Dos & don’ts a la hora de diseñar para personas mayores. ✅ ❌ Si queremos crear buenas experiencias para todos nuestros usuarios, uno de los factores que debemos tener en cuenta es la diferencia de edades. Por eso, hoy compartimos contigo tres prácticas esenciales para diseñar para usuarios de la tercera edad. Siguiéndolas, contribuirás a mejorar significativamente la interacción de estas personas con la tecnología. 💻 👴 ¿Sabías que..? Según el American Foundation for the Blind, el 12% de los adultos mayores tienen alguna discapacidad visual que dificulta el uso de interfaces no adaptadas. Un estudio de WebAIM encontró que el 98% de los sitios web analizados no cumple con los criterios básicos de accesibilidad. Según un informe de AARP, un 20% de las personas mayores de 65 años tienen limitaciones motoras que dificultan la navegación en dispositivos sin interfaces amigables. Descripción de la imagen: Gráfico dos: Fondo blanco con marco morado e isotipo blanco de Luluka. Seguido de dos ejemplos, primero, el incorrecto que dice: “Fuentes pequeñas, decorativas o de bajo contraste que dificulten la lectura” y una palabra con una fuente pequeña y difícil de leer color morado, sobre un fondo color verde claro. Seguido del ejemplo correcto que dice: “Fuentes grandes legibles y con contraste entre texto y fondo.” y una palabra con una fuente gruesa, legible de color negro sobre fondo verde claro. Gráfico tres: Fondo blanco con marco morado e isotipo blanco de Luluka. Seguido de dos ejemplos, primero, el incorrecto que dice: “Saturar la interfaz con demasiadas opciones o elementos.” junto con un ipad con una interfaz recargada y llena de botones. Seguido del ejemplo correcto que dice: “Navegación intuitiva y fácil de seguir con botones grandes y claramente etiquetados.” junto con un ipad con una interfaz limpia, ordenada y fácil de navegar. Finalmente, gráfico cuatro: Fondo blanco con marco morado e isotipo blanco de Luluka. Seguido de dos ejemplos, primero, el incorrecto que dice: “Ignorar la retroalimentación o mostrarle de forma poco visible.” junto a una laptop con una página web que tiene información y una palabra pequeña al final que dice “Listo”. Seguido del ejemplo correcto que dice: “Retroalimentación inmediata y clara para las acciones. (confirmaciones, alertas, etc.)” junto a una laptop con una página web que tiene información y un pop up de confirmación que aparece en grande al centro de la pantalla y tiene un check de color verde y abajo una palabra que dices “enviado”.

Iniciemos por definir qué es ARIA (Accessible Rich Internet Applications): Es un conjunto de especificaciones del W3C que permite hacer que las aplicaciones web sean más accesibles para personas con discapacidades, especialmente aquellas que usan tecnologías de asistencia como lectores de pantalla. 💻🔊 ARIA mejora la accesibilidad de páginas web dinámicas y componentes interactivos que tradicionalmente presentan desafíos para la accesibilidad, como menús desplegables, formularios complejos o aplicaciones basadas en JavaScript. A continuación te dejamos tres elementos clave de ARIA y un ejemplo para entender aún mejor cómo es que beneficiaría a la accesibilidad web: 1⃣ Roles: Definen qué tipo de elemento es un componente de la interfaz (botones, formularios, menús, etc.), facilitando que las tecnologías de asistencia los interpreten correctamente. 2⃣ Propiedades: Proporcionan información adicional sobre el estado o comportamiento de un elemento, como si está expandido, seleccionado o deshabilitado. 3⃣ Estados: Indican cambios en la interfaz que deben comunicarse a los usuarios (por ejemplo, si un cuadro de diálogo está visible o un control de pestañas está activo). Descripción de la imagen: Gráfico con fondo blanco e isotipo de Luluka en blanco sobre un círculo naranja. Inicia con el título que dice: “La importancia del ARIA en la accesibilidad web” “Lee el caption” seguido de una fotografía de una persona con anteojos que está navegando por el internet y de la laptop aparecen herramientas de accesibilidad con los íconos de una bocina de sonido, un ojo, un engranaje de configuración y un check de correcto o aprobado.

Estamos inmensamente agradecidos con Altagamma y Lumicenter por apostar junto a Luluka por la inclusión real de personas con discapacidad visual en el Perú. 🇵🇪 Por entender la frustración por la que pasan esas personas al perder toda, o gran parte, de su visión y han decidido dar el paso hacia su inclusión social y laboral al patrocinar su educación a través de nuestra “Beca a la Independencia Visual”.🤓 La verdadera inclusión va más allá de las palabras, es un compromiso activo y transformador. Cada empresa que se suma a esta causa no solo ofrece oportunidades, sino que abre caminos hacia un futuro más justo, donde todos podamos participar y contribuir. Agradecemos a nuestros patrocinadores por asumir esa responsabilidad y hacer posible un cambio real.🤝 ¡Invitamos a más empresas a sumarse! Juntos podemos construir una sociedad más inclusiva, donde la igualdad de oportunidades sea una realidad para todos!👌 Descripción de la imagen: Gráfico dos: Fondo blanco con confeti de colores. Inicia con el isotipo de Luluka en blanco sobre un circulo morado. Seguido del logotipo de la empresa Alta Gamma y el logotipo de Lumicenter. Cerrando con el siguiente texto: “Gracias a estas empresas, hemos podido capacitar a dos personas con discapacidad visual en el uso de herramientas tecnológicas de asistencia.”

Te traemos dos mitos que usualmente se creen sobre lo que es y significa la accesibilidad web.🧐 1⃣ La accesibilidad es solo un problema técnico: ▪️ Decir que la accesibilidad es un problema técnico sugiere que solo puede resolverse con soluciones técnicas. ▪️ ¡No es así! ▪️ La accesibilidad es un problema de proceso en el que todos se involucran y comparten la responsabilidad. 2⃣ Es muy difícil tener una web accesible: ▪️ Ve más allá del cumplimiento y construye una marca que resuene con empatía, inclusividad e integridad. Nadie espera que un web sea 100% accesible inmediatamente, los primeros pasos hacia la accesibilidad digital son fáciles de implementar. ▪️ Un sitio web accesible no es sólo algo "agradable de tener", es algo indispensable. La accesibilidad no es solo una opción, es el camino hacia un mundo más conectado. Porque cuando diseñamos para todos, creamos experiencias que marcan la diferencia para cada persona. 💡

Aquí hay cinco verificaciones esenciales para la accesibilidad del teclado: 1. Visibilidad del enfoque: Asegúrese de que al navegar por la interfaz con un teclado, el indicador de enfoque (generalmente un contorno o borde visible) sea claramente visible en todos los elementos interactivos como botones, enlaces, campos de formulario y menús. 👀 2. Orden lógico de tabulación: Comprueba que el orden de tabulación de los elementos interactivos sigue una secuencia lógica e intuitiva que coincida con el orden visual en pantalla. Esto significa que los usuarios deben poder navegar por el contenido de una manera que tenga sentido.📈 3. Toda la funcionalidad a través del teclado: Verifique que todas las funcionalidades, como enviar formularios, expandir menús o interactuar con widgets, se puedan acceder y operar solo con el teclado. ⌨ 4. Evite las trampas del teclado: Asegúrese de que los usuarios del teclado no queden atrapados en ningún elemento o área de la página web. Los usuarios deben poder navegar fuera de todos los elementos usando el teclado sin quedarse atascados.💻✅ 5. Omitir enlaces de navegación: Proporcione enlaces de "Saltar al contenido" o mecanismos similares para permitir a los usuarios omitir el contenido repetitivo, como los menús de navegación, y saltar directamente al contenido principal de la página. 👌 Estas comprobaciones ayudan a garantizar que el contenido web sea accesible para los usuarios que dependen de los teclados para la navegación, alineándose con los estándares WCAG 2.2 AA.🤓 Descripción de la imagen: Gráfico dos: fondo blanco con dos ejemplos de verificaciones para la accesibilidad del teclado. Primer ejemplo que dice: "Visibilidad del enfoque" seguido de dos botones digitales, primero el que es accesible ya que tiene el texto y botón resaltado y el segundo botón que no tiene nada de visibilidad. Cerrando con la fuente que dice: "Referencia WCAG: 2.4.7 Foco Sensible". Grafico tres: Fondo blanco con dos ejemplos más. Tercer ejemplo que dice: "Toda la funcionalidad a través del teclado" seguido de un botón que dice "Enviar formulario" y un descriptor abajo que dice: "Gracias, su formulario ha sido enviado correctamente" cerrando con la fuente que dice: "referencia WCAG: Teclado 2.1.1" Cuarto ejemplo que dice: "Evite las trampas del teclado" seguido de tres botones que dicen: "Paso 1" "Paso 2" y "Enviar formulario" y dos flechas, una que señala del paso 1 al paso 2 y otra que señala del paso 2 al paso 1. Cerrando con la fuente que dice: "Referencia WCAG: 2.2.2 Sin trampa del teclado". Gráfico cuatro: Fondo blanco con el quinto ejemplo que dice: "Omitir enlaces de navegación" seguido de tres botones que dicen: "Inicio", "Nuestros servicios" y "Nuestro equipo" con un texto arriba que dice: "Ir al contenido principal" con una flecha que rodea y pasa el botón de inicio, señalando hacia abajo. Cerrando con la fuente que dice: "Referencia WCAG: 2.4.1 Bloques de derivación".

Es posible que hayas escuchado los términos "Texto alternativo" y "Descripción de imagen" flotando por ahí. Entonces, ¿qué son, porqué son importantes y cómo se escriben? ⬇️ Ambos garantizan que todos, independientemente de su capacidad visual, puedan comprender el contenido visual de sus redes sociales, sitios web y más. Y cuantas más personas puedan acceder a tu contenido, más alcance y participación obtendrá. Por lo tanto, no solo mejora la accesibilidad, sino que incluirlos también te beneficia a ti.🤝 El texto alternativo está incrustado en el backend de una publicación, y sólo será accesible para los lectores de pantalla, mientras que las descripciones de las imágenes están en los comentarios o en el pie de foto, para que todos puedan verlas. Aquí te dejamos algunos consejos para guiarte a la hora de escribirlos: 1⃣ Sé descriptivo, pero conciso: Describe los elementos esenciales de la imagen, como personas y objetos, evitando detalles excesivos. Describe las acciones en tiempo presente. 2⃣ Incluya colores, expresiones y lenguaje corporal relevantes: Si los colores o atributos físicos afectan a la intención de la imagen, inclúyelos. 3⃣ Destaca los detalles únicos: ¿Qué hace que esta imagen destaque? Si hay algo único o interesante, como un artefacto peculiar o un escenario inusual, asegúrate de incluirlo. 4⃣ Limitate a lo esencial: El texto alternativo no es lugar para opiniones. Sé directo, utiliza un lenguaje fácil de entender y omite frases como «Una imagen de». Descripción de la imagen: Gráfico dos: Fondo blanco con el título que dice: "Sé descriptivo, pero conciso" seguido del ejemplo con una fotografía de un niño y mujer jugando fútbol y con su respectiva descripción: "Niño con polo a rayas y pantalón gris pateando una pelota de fútbol en un campo, mientras que una mujer con ropa verde pastel lo persigue." Gráfico tres: Fondo blanco con el título que dice: "Incluye colores, expresiones y lenguaje corporal relevantes" seguido del ejemplo con una fotografía de una mujer con flores amarillas y su respectiva descripción: "Una mujer con blusa celeste y cabello marrón, sonríe mientras carga un florero blanco con tulipanes amarillos." Gráfico cuatro: Fondo blanco con el siguiente título: "Destaca los detalles únicos" seguido del ejemplo con una fotografía de un niño jugando con marionetas y su respectiva descripción: "Un niño, en su casa, con polo blanco y pantalón azul oscuro, con una marioneta en la mano derecha de una rana verde y en la mano izquierda con una marioneta de gorila color marrón." Último gráfico: Fondo blanco con el siguiente título: "Limítate a lo esencial" Seguido del ejemplo con una fotografía de una mujer sentada con su perro y su respectiva descripción: "Mujer embarazada sentada en la banca de un parque, mientras sostiene a su Labrador Retriever de la correa."

En Luluka, creemos que el acceso a la tecnología es clave para la independencia, y estamos emocionados de ser parte del cambio. Nos llena de orgullo presentar esta escuela, un espacio donde cada persona con discapacidad visual podrá construir su propio camino hacia una vida más autónoma, gracias a herramientas digitales que realmente marcan la diferencia. Todo esto, a través de la Beca a la Independencia Visual que consta de 12 cursos virtuales personalizados a lo largo de un mes, y donde se le garantizará al alumno el uso óptimo y aprovechamiento de las herramientas de asistencia tecnológicas para alcanzar la autonomía en la realización de diversas actividades diarias.✅🤓 La persona que termine nuestro curso será certificado y a través de las herramientas digitales de apoyo podrá: ▪ Chatear con amigos y familiares ▪ Navegar en la web ▪ Revisar y contestar correos ▪ Estudiar Online ▪ Utilizar redes sociales ▪ Reconocimiento ▪ Movilizarse de manera independiente ▪ Independencia con baja visión ¡Queremos invitarte a conocer esta increíble oportunidad para hacer la accesibilidad web más real y eficiente para todos! 🤝 Si deseas conocer más sobre las becas y escuchar los testimonios de quienes ya se han certificado, visita nuestra web https://luluka.pe/escuela/ y descubre todo lo que este curso tiene para ofrecer!🌐

Y es que actualmente si te quieres rehabilitar de manera gratuita, solo se puede si vives en Lima, ya que, el único curso para personas con discapacidad visual que desean aprender sobre herramientas tecnológicas, es presencial y dura 18 meses en total. 🧐 Sin contar que este curso no certifica ni valida que la persona alcanzó el nivel para el uso independiente de las herramientas digitales. Esto puede limitar el acceso a una vida independiente, ya sea en lo laboral, por estudios o uso propio.👎 Además, si lo pensamos de manera razonable, es una opción que demanda mucho tiempo del alumno y la persona que lo acompaña, ya sea para llevarlo y/o recogerlo durante los 18 meses que dura el curso y sin mencionar los que ni siquiera viven en la capital, ya que, ellos se tendrían que mudar y movilizarse en una ciudad nueva, congestionada y poco accesible. Complicaciones que se podrían ahorrar con un curso virtual.✅