Fundación ALCA
Iniciativa sin fines de lucro de ALCA: un espacio en español para ponerle palabras a una ausencia y para quienes quieren acompañar. Catorce preguntas con respuesta breve, cada una con lectura en voz alta, en un sitio estático sin rastreo.
Hablar de una ausencia es difícil a cualquier edad, y el material que existe casi siempre está escrito para una sola de esas edades. Un niño que extraña a alguien de quien no tiene recuerdos, un adolescente que no sabe cómo empezar la frase y una madre que quiere acercarse sin presionar necesitan cosas muy distintas, pero suelen terminar en la misma página larga, en inglés o en registro clínico.
El reto tampoco era de volumen de contenido. Era de umbral: alguien que abre un sitio así lo hace en un mal día, a veces desde el teléfono, a veces sin querer explicarle nada a nadie. Si la primera pantalla pide elegir entre doce secciones, o si la primera respuesta es un artículo de dos mil palabras, esa persona cierra la pestaña.
Y había una restricción ética además de una de diseño: un espacio donde alguien escribe o lee sobre la muerte de su papá no puede estar instrumentado con píxeles de publicidad ni pedir consentimiento de cookies antes de dejarle leer una frase.
ALCA diseñó y construyó Fundación ALCA por completo —marca, ilustración, redacción y código— como iniciativa propia y sin fines de lucro. La portada se parte en dos caminos, «Quiero comprender» y «Quiero ayudar», para que nadie tenga que describir su situación antes de encontrar su sección.
Dentro, el contenido no son artículos: son preguntas. Ocho en «Para ti» repartidas en tres temas (me siento solo, extraño a alguien, me cuesta hablar) y seis en «Para acompañar» (escuchar, encontrar palabras, comprender). Cada una se abre sola, y al abrirse muestra un titular que ya responde, un párrafo corto y un bloque «Un pequeño paso» con la frase exacta que esa persona puede decir tal cual: «Hoy me siento solo. ¿Podemos hacer algo juntos?».
Cada respuesta trae un botón «Escuchar» que la lee en voz alta usando la síntesis de voz del propio navegador. No hay audio grabado ni archivos que descargar: el mismo texto que se lee es el que se escucha, así que la versión hablada no puede quedar desactualizada respecto de la escrita. Es la función que abre el sitio a quien todavía no lee con fluidez y a quien ese día prefiere que se lo lean.
Nova, la estrella que acompaña todo el recorrido, resuelve un problema de tono: hace el tema abordable para un niño sin volverlo infantil para un adulto, y da continuidad visual entre la portada, los recursos y las historias.
Qué se construyó
Portada de dos caminos
«Quiero comprender» y «Quiero ayudar» separan, desde el primer clic, a quien vive la ausencia de quien quiere acompañar.
Preguntas en lugar de artículos
Catorce preguntas en total —ocho para ti, seis para acompañar— agrupadas en seis temas, cada una con su respuesta breve.
Bloque «Un pequeño paso»
Cada respuesta termina en una acción concreta o en una frase literal que la persona puede usar tal cual, sin tener que traducirla a sus palabras.
Lectura en voz alta
Un botón «Escuchar» en cada respuesta la reproduce con la voz del navegador, sin audio grabado ni dependencias externas.
Historias en primera persona
La sección Historia reúne dos voces y etiqueta abiertamente como «texto provisional» la que todavía no escribió su autor.
Sitio estático sin rastreo
HTML, CSS y un único archivo JS diferido. Sin framework, sin analítica, sin píxeles y sin aviso de cookies que atravesar.
Cómo fluye
- 1Alguien llega a la portada y elige uno de dos caminos, sin explicar su situación
- 2Elige un tema —soledad, ausencia, cómo hablar— y ve cuántas preguntas contiene
- 3Abre una sola pregunta: el resto permanece cerrado
- 4Lee la respuesta breve o toca «Escuchar» para que se la lean
- 5Se lleva «Un pequeño paso»: una frase exacta que puede decirle a alguien de confianza
- 6Si quiere, cruza al otro camino desde el pie de la página, o lee la historia que da origen a la fundación
Arquitectura y enfoque
El sitio es HTML estático servido por página, con hojas de estilo propias y un solo archivo JavaScript cargado con defer. Esa decisión no es nostalgia técnica: quita el coste de hidratación en teléfonos modestos y elimina toda la superficie de terceros de un proyecto cuyo contenido es especialmente sensible.
La accesibilidad va en la base, no encima: enlace para saltar al contenido, navegación y secciones etiquetadas con landmarks y ARIA, apertura de temas anunciada a los lectores de pantalla y animación reducida cuando el sistema operativo lo pide. La lectura en voz alta usa la API de síntesis de voz del navegador sobre el mismo texto que está en la página, de modo que no existe una versión de audio que pueda desincronizarse del contenido.
La tipografía y los íconos se sirven desde el propio dominio —la fuente va precargada y los íconos viven en un sprite SVG—, así que la primera pantalla no depende de ninguna red ajena para verse como debe.
Resultados
La plataforma por dentro
Un sitio pequeño en tamaño y deliberado en cada decisión: el recorrido, el formato del contenido y lo que decidimos no cargar.
Dos caminos desde la portada
«Quiero comprender» y «Quiero ayudar» separan desde el primer clic a quien vive la ausencia de quien acompaña.
Contenido en preguntas
Ocho preguntas en «Para ti» y seis en «Para acompañar», cada una con un titular que responde y un párrafo corto.
Lectura en voz alta
Cada respuesta tiene un botón «Escuchar» que la lee con la síntesis de voz del navegador, sin audio grabado ni descargas.
Un paso a la vez
Los temas se abren de a uno y las respuestas empiezan cerradas: nunca aparece un muro de texto sin que alguien lo pida.
Historias en primera persona
La sección Historia da el origen de la fundación con la voz de Ilan Alvarez, y marca como provisional el texto que aún no es de su autor.
Accesibilidad de base
Enlace para saltar al contenido, navegación con landmarks y etiquetas ARIA, y animación reducida cuando el sistema lo pide.
HTML estático
Sin framework: HTML, CSS y un único archivo JS diferido, con la tipografía y los íconos servidos desde el mismo dominio.
Sin rastreo
Ni analítica, ni píxeles, ni scripts de terceros. Nadie tiene que aceptar nada para leer una respuesta.
Diseñado para
- Bajar el umbral de entrada: dos caminos, un tema, una pregunta a la vez
- Dar palabras exactas —no consejos generales— a quien no sabe cómo empezar la frase
- Abrir el contenido a quien no lee con fluidez, con lectura en voz alta en cada respuesta
- Sostener un tema sensible sin rastrear a nadie ni pedir consentimiento para leer
Estado verificado
- En producción y accesible al público en fundacionalca.com
- Catorce preguntas con respuesta publicadas en seis temas, entre /para-ti y /para-acompanar
- Lectura en voz alta disponible en todas las respuestas publicadas
- Sin analítica ni scripts de terceros: la portada carga un único archivo JavaScript propio