Cuando usar es fácil, pero entender ya no tanto @fbianaa12 - Tumblr Blog

Accesibilidad, tecnologías emergentes y quién se queda afuera

n esta clase conectamos lo que venimos viendo sobre accesibilidad con algo más amplio: cómo las tecnologías nuevas como la inteligencia artificial o el reconocimiento facial también tienen que pensarse desde la inclusión.

Lo más llamativo fue el ejemplo de los algoritmos de reconocimiento facial. Estos sistemas aprenden a partir de datos existentes, y si esos datos tienen sesgos, el algoritmo los reproduce. Hubo casos documentados donde estos sistemas cometían errores mucho mayores al identificar personas negras, o donde las inteligencias artificiales generaban imágenes con estereotipos culturales. La tecnología no es neutral, refleja las desigualdades que ya existen en la sociedad y las puede amplificar si no se diseña con cuidado.

La parte práctica fue analizar accesibilidad en videojuegos con The Last of Us Part II como ejemplo. Ese juego tiene más de 60 opciones de accesibilidad que permiten que personas con distintas discapacidades puedan jugar de forma más autónoma. Es un ejemplo concreto de cómo se puede diseñar pensando en la diversidad desde el inicio. Aunque también se identificaron limitaciones, porque algunas funciones dependen de hardware específico o configuraciones que no siempre son intuitivas.

Lo que me quedó es que si el 16% de la población mundial tiene algún tipo de discapacidad, diseñar sin considerarlos no es un detalle, es una decisión de exclusión aunque no sea intencional. Y eso aplica igual para un sitio web, un videojuego o un sistema de inteligencia artificial.

Web 3.0 y descentralización digital

En la web tal como la conocemos hoy, casi todo lo que hacemos online pasa por plataformas enormes que guardan nuestros datos y deciden cómo interactuamos con el contenido. Google, Meta, TikTok, todas funcionan bajo esa lógica centralizada donde nosotros somos usuarios pero no tenemos control real sobre nuestra información.

La web 3.0 plantea algo distinto. La idea central es que la información y las transacciones no dependan de un servidor o empresa central sino que se distribuyan entre muchos participantes al mismo tiempo. Para eso aparecen tecnologías como el blockchain y las criptomonedas, siendo Bitcoin el ejemplo más conocido, creado en 2008 bajo el seudónimo de Satoshi Nakamoto, de quien hasta hoy no se sabe si era una persona o un grupo.

Esto tiene que ver con la criptografía, que son los procesos matemáticos que permiten proteger información digital. Desde los años ochenta ya existían grupos llamados cypherpunks que defendían estas tecnologías para proteger la privacidad frente a la vigilancia de gobiernos y corporaciones, una preocupación que sigue siendo igual de relevante hoy.

También vimos el concepto de redes P2P, persona a persona, donde los usuarios se conectan directamente sin depender de un servidor central. Esto ya existía en los noventa con plataformas como Napster o eMule, que la mayoría conoce por la piratería, pero que en realidad demostraron cómo podía funcionar un sistema distribuido. Esa misma lógica se aplicó después al blockchain y las finanzas digitales.

Lo que más me quedó es que la web 3.0 no es solo un cambio tecnológico sino un cambio en la relación entre las personas y sus datos. La pregunta de fondo es quién tiene el poder sobre la información digital, y eso tiene implicaciones mucho más amplias que las criptomonedas.

PRÁCTICA 3 Reflexión final del proceso de análisis y propuesta de mejora

Cuando empecé esta práctica pensé que analizar accesibilidad web iba a ser básicamente revisar una lista de criterios técnicos y marcar cuáles se cumplen y cuáles no. Terminó siendo algo bastante más complejo y también más interesante que eso.

Lo que me sorprendió del análisis de ENTEL es que el problema principal no es que el sitio esté mal hecho en términos técnicos generales. La estructura existe, la navegación funciona, el contenido está organizado. El problema está en una decisión de diseño muy específica: el naranja. Un color que es completamente legítimo como identidad de marca se convierte en una barrera de accesibilidad cuando se usa como fondo de casi todo el contenido de texto. Esa contradicción fue lo más interesante de todo el proceso porque muestra que la accesibilidad no es solo un problema técnico, también es un problema de criterio de diseño.

Combinar la herramienta WAVE con mi propia navegación también fue revelador. WAVE me dio los números, 67 errores de contraste, 8 errores técnicos, score de 2.3 sobre 10, pero no me dijo cómo se siente usar el sitio en la práctica. Eso lo descubrí yo misma navegando desde la computadora y desde el celular, notando que las tarjetas de planes se levantan al tocarlas pero no hacen nada, que los términos técnicos de la sección de características no tienen ninguna explicación para alguien que no sabe qué es GPON o qué significa un servicio asimétrico, que el formulario con todo ese naranja brillante se siente visualmente incómodo de llenar.

La propuesta de mejora fue la parte que más me gustó porque obligó a pensar en soluciones concretas y no solo en señalar problemas. Concentrarme en el formulario tuvo sentido desde el principio porque es el elemento más crítico de toda la sección. Si una persona llega hasta ahí, ya leyó los planes, ya decidió que le interesa el servicio, y el formulario es el único paso que la separa de iniciar el proceso. Que ese paso tenga barreras de accesibilidad no es un detalle menor.

Lo más valioso de la propuesta es que no implica cambiar la identidad de ENTEL. El naranja puede seguir siendo el naranja de ENTEL, solo que usado en los lugares correctos en lugar de en todos lados al mismo tiempo. Esa idea de que la accesibilidad no pelea contra el diseño sino que lo mejora es algo que me quedó muy claro al final de todo este proceso.

Practica 3 Exploracion de herramientas automaticas de accesibilidad

Usar WAVE fue una de las partes más interesantes de todo el proceso, aunque también de las más confusas al principio. La herramienta te llena la pantalla de íconos de colores encima del sitio y al principio no sabes muy bien qué significa cada cosa.

Lo primero que noté fue que no todos los sitios son compatibles. Con BOA el cuerpo de la página aparecía vacío en el código y la herramienta no tenía nada real que analizar. Con Tigo directamente bloqueó el acceso. Recién con ENTEL pude ver los resultados completos y entender para qué servía la herramienta en la práctica.

Los números que aparecieron para la sección de Internet Fibra fueron bastante contundentes: 8 errores, 67 errores de contraste, 28 alertas y un puntaje de 2.3 sobre 10. Lo curioso es que al ver el sitio normalmente no parece tan problemático, se ve ordenado, tiene una estructura clara. Pero la herramienta muestra que por debajo hay muchas cosas que no están bien, especialmente todo lo relacionado con el color naranja que domina casi toda la página.

Lo que más me quedó de esta parte es que las herramientas automáticas son útiles para tener un diagnóstico técnico rápido, pero no reemplazan el análisis humano. Hay cosas que WAVE detecta como error pero que necesitan interpretación para entender qué impacto real tienen en la experiencia del usuario. Y hay otras cosas que la herramienta no detecta pero que cualquier persona nota apenas empieza a navegar el sitio, como los términos técnicos sin explicación o las tarjetas que reaccionan al cursor sin hacer nada concreto. Por eso decidí combinar los datos de WAVE con mi propia experiencia navegando el sitio, tanto desde computadora como desde celular.

Practica 3 Nivel de conformidad esperado

Una parte de la práctica que al principio no me quedó tan clara fue la de los niveles de conformidad. Entendía que existían el A, el AA y el AAA, pero no tenía tan claro cómo decidir cuál le correspondía a un sitio específico.

Lo que me ayudó fue pensar en quién usa ENTEL. No es un sitio de nicho ni está pensado para un perfil específico de usuario, es una empresa estatal que da servicios de telecomunicaciones a personas de todo Bolivia. Eso significa adultos mayores, personas con distintas capacidades, gente con poca experiencia digital, gente que accede desde dispositivos viejos. Para un sitio así el nivel A quedaría claramente corto porque solo establece los mínimos indispensables. El nivel AAA por otro lado es tan exigente que implementarlo completamente en todos los contextos no siempre es viable.

El AA es el punto medio que tiene sentido para ENTEL. No solo porque sea el estándar recomendado para empresas e instituciones, sino porque la sección que elegí analizar tiene un formulario de contratación donde la accesibilidad no es un detalle sino una condición. Si el formulario no funciona para todos los usuarios, el proceso de contratación queda bloqueado desde el inicio, y eso en un servicio básico como el internet tiene consecuencias concretas.

Al explorar el sitio noté que hay cosas que van en la dirección correcta, como la estructura del menú o los botones visibles. Pero también noté desde el principio que el naranja iba a ser un problema, y eso me confirmó que el sitio todavía tiene camino por recorrer para llegar al nivel AA de forma consistente.

Practica 3 Presentacion del sitio

Antes de meterme de lleno con los criterios WCAG quise navegar el sitio como lo haría cualquier persona que entra por primera vez sin saber nada de accesibilidad. Solo observando, haciendo scroll, tocando cosas para ver qué pasaba.

Lo primero que llama la atención en ENTEL es el naranja. Está en todos lados, en el banner de entrada, en las tarjetas de planes, en la sección de características, en el formulario. Es un naranja bastante intenso y al principio simplemente lo ves como parte del diseño de la marca, que claramente es así, pero después cuando empiezas a leer el contenido encima de ese fondo te das cuenta de que algo no está del todo bien.

ENTEL S.A. es la Empresa Nacional de Telecomunicaciones de Bolivia y su sitio ofrece información sobre todos sus servicios, desde telefonía móvil hasta internet por fibra óptica y televisión. El sitio está dirigido principalmente a dos tipos de personas: las que quieren contratar algo nuevo y las que ya son clientes y necesitan gestionar su servicio. Esa diferencia importa porque las necesidades de cada grupo son bastante distintas.

De todas las secciones que tiene el sitio me quedé con Internet Fibra para el análisis. La razón es concreta: es la única sección donde en una sola página puedes ver los planes disponibles, leer las características del servicio, conocer los requisitos y llenar un formulario para que te contacten. Todo en el mismo lugar sin salir a otra página. Y como es un servicio que requiere instalación física en el hogar, el formulario es el único punto desde donde el usuario puede dar ese primer paso. Si eso falla, no hay otra alternativa dentro del sitio.

Práctica 3 - Eleccion del sitio web

Para iniciar la práctica lo primero fue pensar en qué sitio boliviano tendría sentido analizar. Desde el principio tenía claro que quería algo que no fuera solo informativo, sino que tuviera funciones reales donde la accesibilidad realmente importa para que el usuario pueda completar lo que fue a hacer.

Estuve considerando varias opciones:

El sitio web de Boliviana de Aviación (BOA)

La página de Tigo Bolivia

El sitio web de ENTEL Bolivia

Las tres cumplían con ser sitios bolivianos navegables desde el navegador, pero al momento de analizarlas con WAVE surgieron diferencias importantes. BOA no permitía que la herramienta cargara el contenido real del sitio, lo que dificultaba hacer un análisis técnico completo. Tigo directamente bloqueó el acceso desde WAVE por razones de seguridad. ENTEL en cambio cargó correctamente y mostró contenido real que podía analizarse.

Finalmente me decidí por ENTEL Bolivia. La elección tiene que ver con que es una de las empresas de telecomunicaciones más importantes del país, con una plataforma que va mucho más allá de ser informativa. Tiene planes, servicios en línea, tienda, y una sección de internet que implica un flujo de uso concreto donde la accesibilidad realmente afecta si el usuario puede completar lo que fue a hacer.

También me pareció relevante desde el punto de vista del público, porque ENTEL es un servicio que usa prácticamente cualquier persona en Bolivia, desde jóvenes hasta adultos mayores, lo que hace que los criterios WCAG sean especialmente importantes aquí. Para el análisis decidí concentrarme en una sección específica del sitio donde se concentra mayor funcionalidad e interacción con el usuario.

Mecanismos de medición de accesibilidad y el diseño inclusivo

Básicamente esta clase fue sobre cómo medimos si algo digital es realmente accesible o no. Y lo interesante es que no basta con pasarle un programa que te diga "está bien" o "está mal", porque la accesibilidad depende mucho de cómo cada persona percibe y entiende las cosas.

Cuando se revisa manualmente la accesibilidad de algo, se miran cosas como qué tan fácil es leer el texto, si los colores contrastan bien, si la navegación tiene sentido, si la información está organizada de forma que sepas qué leer primero. Todo eso afecta si una persona puede usar algo sin frustrarse en el intento.

Un ejemplo que me pareció interesante fue el de los botones. Un botón puede parecerte obvio a ti pero completamente invisible para otra persona, dependiendo de cómo está diseñado o de tu experiencia previa con tecnología. Eso demuestra que la accesibilidad no es una fórmula exacta, tiene mucho de contexto y de cultura.

También vimos herramientas automáticas como WAVE y Lighthouse que te ayudan a detectar errores técnicos rápidamente, cosas como si las imágenes tienen texto alternativo, si los colores contrastan suficiente, si la estructura del HTML tiene lógica. Pero estas herramientas tienen un límite claro: pueden encontrar el error técnico pero no pueden decirte si algo se siente confuso o incómodo para una persona real.

Algo que no sabía era que existen niveles de conformidad: A, AA y AAA. Son como grados de qué tan accesible es algo. La mayoría de empresas apunta al nivel AA porque es el punto medio entre ser accesible y ser realista de implementar. El AAA existe pero es tan exigente que aplicarlo completamente en todo es bastante complicado.

Y lo que más me quedó de esta clase fueron unas preguntas que surgieron alrededor de esos niveles y que la verdad te hacen pensar bastante:

¿A quién permitimos acceder? A quienes pueden usar el sistema tal como está diseñado. Mientras más accesible sea, más gente puede participar de forma autónoma sin depender de alguien que les ayude.

¿A quién dejamos afuera? A quienes nunca fueron considerados en el proceso de diseño. Personas con discapacidades visuales, auditivas, motrices o cognitivas, pero también gente con dispositivos viejos o poca experiencia digital.

¿Qué barreras consideramos aceptables? Esa es quizás la más incómoda porque muchas barreras se normalizan simplemente porque afectan a "pocos". Pero lo que para algunos es un inconveniente menor, para otros puede ser un bloqueo total.

¿La accesibilidad es un extra o parte del diseño? Definitivamente no debería ser algo que se agrega al final como un parche. Si desde el principio no piensas en quién va a usar lo que estás diseñando, ya estás excluyendo gente sin darte cuenta.

Principios de la WCAG

La idea detrás de la accesibilidad web es bastante simple: internet debería funcionar para todos, sin importar si tienes alguna limitación física, cognitiva o incluso tecnológica. Esa visión la empujó Tim Berners-Lee, el creador de la web, y después el W3C se encargó de convertirla en estándares concretos que los diseñadores y desarrolladores pueden seguir.

Para lograr eso existen pautas de accesibilidad que básicamente te dicen qué considerar cuando construyes algo digital. Y no se trata solo de lo visual, sino de todo: lo que escuchas, lo que lees, lo que puedes o no puedes operar con el dispositivo que tengas.

Los principios son cuatro y la verdad tienen bastante sentido:

El primero es que el contenido debe ser perceptible, o sea que no puede depender de una sola forma de llegar a ti. Si algo se comunica solo con color o solo con audio, ya estás dejando gente afuera. Por eso existen cosas como los textos alternativos en imágenes, los subtítulos, el contraste de colores o el espaciado entre letras. Todo eso ayuda a que más personas puedan interpretar la información a su manera.

El segundo es que debe ser operable. De nada sirve que puedas ver el contenido si no puedes interactuar con él. Botones muy pequeños, instrucciones confusas o navegación enredada son barreras reales para mucha gente.

El tercero es que debe ser comprensible. El lenguaje tiene que ser claro, la estructura tiene que tener lógica y el sistema tiene que comportarse de forma predecible. Si usas algo y no entiendes qué está pasando o qué se supone que debes hacer, algo está mal diseñado.

Y el cuarto es que debe ser robusto, lo que significa que tiene que funcionar bien en diferentes dispositivos, navegadores y tecnologías de asistencia. No puede estar hecho solo para un contexto específico.

Algo que también conectamos en clase fue la relación entre accesibilidad y usabilidad. Jakob Nielsen define la usabilidad como la calidad de uso de un sistema, y básicamente cuando algo es accesible, también termina siendo mejor para todos en general. No son conceptos separados, se complementan.

Que es la accesibilidad y el diseño inclusivo?

En clase estuvimos hablando de accesibilidad y diseño inclusivo, y la verdad es que me hizo ver muchas cosas que normalmente paso por alto. No se trata solo de que un espacio "exista" para todos, sino de que cualquier persona pueda usarlo de forma cómoda y sin obstáculos. Esa diferencia parece pequeña pero es bastante importante.

También diferenciamos dos conceptos que suenan parecidos pero no son lo mismo: accesibilidad y usabilidad. La accesibilidad tiene que ver más con si puedes o no puedes acceder a algo, es más cuantitativa. La usabilidad va más allá y se mete en cómo se siente esa experiencia, tomando en cuenta factores culturales, sociales y psicológicos.

Vimos referencias de la Bauhaus, que me pareció interesante porque su principio de que "la forma no debe surgir del ornamento sino del uso" sigue siendo completamente vigente. Básicamente dice que el diseño tiene que nacer de para qué sirve algo, no de cómo se ve. Y cuando lo piensas así, te das cuenta de cuántos espacios están diseñados para verse bien pero no para funcionar bien para todas las personas.

La parte que más me gustó fue el recorrido por el bloque de diseño de la universidad porque pasamos de la teoría a algo concreto. Y sorprende bastante lo que encontramos. Las gradas son angostas, los baños tienen escalones lo cual ya es bastante contradictorio, y aunque hay una rampa en el primer piso, no te lleva al segundo, o sea que el acceso es parcial nomás. Algo que también señalamos y que no siempre se considera una barrera es el internet, porque la señal no llega bien a todos los espacios del bloque y eso también limita el acceso a herramientas que necesitamos para aprender.

Lo que me quedó dando vueltas es esa idea de que la discapacidad muchas veces no viene de la persona sino del entorno. Una barrera mal pensada es la que genera la limitación, no la persona que intenta cruzarla.

Que son los procesos comunicacionales?

La comunicación va mucho más allá de simplemente hablar o mandar mensajes. Es la forma en que nos conectamos, compartimos lo que sentimos y construimos cosas en común con otras personas. Cada vez que interactuamos, ya sea en persona, en redes o incluso dentro de un videojuego, estamos generando vínculos y formas de ver el mundo que nos rodea.

Imagen 1

Castells habla de la "sociedad red", y un estadio lleno de gente viendo esports es básicamente eso hecho realidad. Nadie está solo recibiendo información pasivamente, el público reacciona, los jugadores responden a la presión del momento, las pantallas amplifican todo y eso vuelve a afectar al público. Es un ciclo constante. Lo que también me parece curioso es cómo el estadio dividido en rojo y azul muestra que la comunicación no solo informa, sino que crea identidad. Gente que no se conoce de nada de repente comparte algo muy intenso solo por estar del mismo lado.

Imagen 2

McLuhan decía que el medio es el mensaje, y el concierto de Travis Scott en Fortnite es probablemente uno de los mejores ejemplos que existen de eso. No es solo que hayan transmitido un concierto por internet, es que Fortnite como plataforma cambió completamente lo que significa "ir a un concierto". Sin límite de personas, sin escenario físico, con un avatar gigante flotando y efectos que serían imposibles en la vida real. El medio no transportó la experiencia, la transformó en algo totalmente diferente.

Imagen 3

Volviendo a Castells, sus ideas sobre las redes tecnológicas siempre asumían que los nodos eran personas. Pero estos robots Optimus de Tesla empiezan a complicar esa idea. Están diseñados para coordinarse, operar dentro de sistemas digitales y funcionar en entornos donde antes solo había humanos. No es ciencia ficción, ya están en plantas de producción reales. Eso abre una pregunta bastante grande sobre hacia dónde va la comunicación y si en el futuro las redes que describe Castells van a incluir cada vez más participantes que no son humanos.

Registro de la experiencia

ACCIÓN 1 — Publicación de carrusel en Instagram

A quién se dirigió: Seguidores de mi cuenta @ffabiannaa en Instagram y usuarios que pudieran encontrar el contenido mediante hashtags relacionados con pixel art, arte boliviano y cultura de la Diablada.

Qué se hizo: Se diseñó un carrusel de 5 slides en Canva que narra el proceso creativo de la reinterpretación de la obra de Froilán Cosme Huanca. Cada slide tiene un texto que guía al espectador desde el gancho inicial hasta el resultado final. Simultáneamente se publicó una historia de Instagram con el link directo al blog de Tumblr, usando el sticker de enlace para facilitar el acceso al contenido completo. En el caption de la publicación se incluyó el link al blog escrito como texto y los hashtags correspondientes.

Qué respuesta se obtuvo: La publicación obtuvo 20 likes y 1 repost. La historia registró 97 visualizaciones, lo que indica que el contenido llegó a un alcance significativamente mayor que el número de interacciones activas. La relación entre visualizaciones e interacciones muestra que el contenido fue visto por personas fuera del círculo inmediato de seguidores.

ACCIÓN 2 — Mensajes directos personalizados a contactos estratégicos

A quién se dirigió: Tres contactos personales con afinidad hacia el arte y la cultura boliviana

Qué se hizo: Se envió a cada persona un mensaje personalizado con el link directo a la publicación de Tumblr. El mensaje incluía el preview de la publicación y una solicitud directa de compartir el contenido con sus propios contactos. Cada mensaje fue adaptado al nombre de la persona para que no se sintiera una difusión masiva sino una solicitud genuina.

Qué respuesta se obtuvo: Los 4 contactos respondieron positivamente, indicando que lo compartirian y que verian el blog, generando que otras personas ''NODOS'' puedan ver la publicacion, personas que no conozco puedan ver el conenido.

ACCIÓN 3 — Difusión en grupo de WhatsApp por ayuda del Docente

A quién se dirigió: Miembros del grupo de WhatsApp "La Casa del Diseño", un espacio temático relacionado con diseño donde el contenido tiene relevancia directa.

Qué se hizo: Se compartió el link de la publicación de Tumblr en el grupo con un mensaje que contextualizaba el contenido como el proceso creativo de una estudiante de diseño digital, solicitando visitas y apoyo con la difusión. El mensaje fue redactado de forma que el contenido se presentara como relevante para el interés común del grupo.

Qué respuesta se obtuvo: El mensaje fue entregado a los miembros del grupo, el contenido llegó a una audiencia con perfil afín al tema. La ausencia de respuesta en el chat no implica ausencia de visitas al blog, ya que los usuarios pueden acceder al link sin interactuar en el grupo.

ACCIÓN 4 — Mensaje directo al docente

A quién se dirigió: Lic. Ernesto, docente de la materia de Diseño Digital.

Qué se hizo: Se envió un mensaje directo al docente por WhatsApp compartiendo el link de la publicación de Tumblr con una solicitud de lectura y difusión. El mensaje se presentó de forma respetuosa identificándose como estudiante de la materia y explicando brevemente el contenido del blog.

Qué respuesta se obtuvo: El mensaje fue entregado y el estado de lectura confirmó que fue visto. Contactar al docente como gatekeeper académico tuvo un valor estratégico doble: por un lado como posible amplificador hacia otros estudiantes o profesionales del área, y por otro como validación del proceso documentado en el blog.

ACCIÓN 5 — Estado de WhatsApp con link al blog

A quién se dirigió: Todos los contactos personales de WhatsApp que visualizaran el estado activo.

Qué se hizo: Se publicó un estado de WhatsApp que incluía el preview de la publicación de Tumblr y un texto que invitaba a visitar el blog sin revelar el contenido completo, generando curiosidad sobre el proceso creativo. El link al blog fue incluido en el texto del estado para facilitar el acceso directo.

Qué respuesta se obtuvo: El estado fue visto por contactos registrados en la lista de visualizaciones. Esta acción tuvo un alcance pasivo, es decir que no requería una acción activa del receptor para ver el contenido, lo que permite llegar a personas que no habrían sido contactadas directamente. Funciona como una capa adicional de visibilidad sobre la red personal existente.