Icono de Petits Signes: una mano blanca sobre un cuadrado teja.Icono de Petits Signes: una mano blanca sobre un cuadrado teja.
2026 · Open source

petitsignes.cat

Una web gratuita y de código abierto que enseña vocabulario básico de lengua de signos catalana y española a familias y cuidadores de bebés de 6 a 24 meses.

Rol
Diseño, desarrollo y contenido
Lanzamiento
Stack
  • Astro
  • React
  • TypeScript
  • Tailwind CSS
  • Zod

El reto

Un bebé entiende mucho antes de poder hablar. Entre los 6 y los 24 meses todavía no puede decir lo que quiere, y quien lo cuida tampoco sabe bien qué le pasa. La comunicación bimodal ayuda: le hablas y, a la vez, haces el signo de la palabra. No es enseñarle una lengua nueva de golpe, es darle un atajo para que las manos lleguen antes que la voz. Hacia los 8 o 9 meses ya tiene control motor suficiente para decir «más», «leche» o «duele» con un gesto, muchos meses antes de poder pronunciarlo.

Los recursos que encontré eran de pago: cursos, apps y packs de tarjetas. Faltaba una herramienta gratuita y fácil de usar para alguien que se ocupa de un bebé todo el día y no tiene tiempo de aprender nada complicado.

Qué hice

Diseñé, desarrollé y mantengo petitsignes.cat en solitario, de principio a fin.

  • Contenido verificado. 194 signos de la vida diaria con un bebé (comer, dormir, más, mamá, adiós) en lengua de signos catalana y española. Cada uno sale de una fuente oficial: el DILSE de la CNSE para la LSE y el Vocabulari bàsic de la Generalitat con FESOCA para la LSC. Ningún gesto está inventado ni aproximado: si no hay fuente verificable para una palabra, la ficha lo dice en vez de rellenar el hueco.
  • Sitio estático. Astro con islas de React y TypeScript estricto, Tailwind CSS, contenido validado con Zod y búsqueda en el navegador con Fuse.js. Sin backend ni cuentas: el progreso se guarda en el navegador, detrás de una interfaz de almacenamiento que permite cambiar de implementación sin reescribir la app.
  • Accesible de verdad. WCAG 2.2 AA: navegación completa con teclado, contraste AA y respeto por prefers-reduced-motion.
  • Seguro y privado. Content Security Policy estricta generada en la build, con cada script y estilo en línea firmado con SHA-256 y sin unsafe-inline. Cero datos personales: la única métrica es un recuento anónimo y agregado.
  • Calidad medida. Lighthouse de 95 o más en las cuatro categorías, con presupuestos que hacen fallar la integración continua si algo empeora, y tests unitarios y de extremo a extremo con comprobaciones de accesibilidad.

Para quién

Está pensada para usarse en casa, pero también en escuelas infantiles y por profesionales que trabajan cada día con bebés. Funciona en catalán y en castellano, y el código es abierto bajo licencia AGPL-3.0: cualquiera puede revisarlo, mejorarlo o adaptarlo a otra lengua de signos.