Icona de Petits Signes: una mà blanca sobre un quadrat teula.Icona de Petits Signes: una mà blanca sobre un quadrat teula.
2026 · Codi obert

petitsignes.cat

Un web gratuït i de codi obert que ensenya vocabulari bàsic de llengua de signes catalana i espanyola a famílies i cuidadors de bebès de 6 a 24 mesos.

Rol
Disseny, desenvolupament i contingut
Llançament
Stack
  • Astro
  • React
  • TypeScript
  • Tailwind CSS
  • Zod

El repte

Un bebè entén moltes coses molt abans de poder parlar. Entre els 6 i els 24 mesos encara no pot dir el que vol, i qui el cuida tampoc no sap ben bé què li passa. La comunicació bimodal ajuda: li parles i, alhora, fas el signe de la paraula. No es tracta d’ensenyar-li una llengua nova de cop, sinó de donar-li una drecera perquè les mans arribin abans que la veu. Cap als 8 o 9 mesos ja té prou control motor per dir «més», «llet» o «fa mal» amb un gest, molts mesos abans de poder pronunciar-ho.

Els recursos que vaig trobar eren de pagament: cursos, apps i paquets de targetes. Faltava una eina gratuïta i fàcil d’usar per a algú que s’ocupa d’un bebè tot el dia i no té temps d’aprendre res complicat.

Què vaig fer

Vaig dissenyar, desenvolupar i mantinc petitsignes.cat en solitari, de principi a fi.

  • Contingut verificat. 194 signes de la vida diària amb un bebè (menjar, dormir, més, mare, adéu) en llengua de signes catalana i espanyola. Cadascun surt d’una font oficial: el DILSE de la CNSE per a la LSE i el Vocabulari bàsic de la Generalitat amb FESOCA per a la LSC. Cap gest no és inventat ni aproximat: si no hi ha cap font verificable per a una paraula, la fitxa ho diu en lloc d’omplir el buit.
  • Lloc estàtic. Astro amb illes de React i TypeScript estricte, Tailwind CSS, contingut validat amb Zod i cerca al navegador amb Fuse.js. Sense backend ni comptes: el progrés es desa al navegador, darrere d’una interfície d’emmagatzematge que permet canviar d’implementació sense reescriure l’app.
  • Accessible de debò. WCAG 2.2 AA: navegació completa amb teclat, contrast AA i respecte per prefers-reduced-motion.
  • Segur i privat. Content Security Policy estricta generada a la build, amb cada script i estil en línia signat amb SHA-256 i sense unsafe-inline. Zero dades personals: l’única mètrica és un recompte anònim i agregat.
  • Qualitat mesurada. Lighthouse de 95 o més a les quatre categories, amb pressupostos que fan fallar la integració contínua si alguna cosa empitjora, i tests unitaris i d’extrem a extrem amb comprovacions d’accessibilitat.

Per a qui és

Està pensada per usar-se a casa, però també a escoles bressol i per professionals que treballen cada dia amb bebès. Funciona en català i en castellà, i el codi és obert sota llicència AGPL-3.0: qualsevol pot revisar-lo, millorar-lo o adaptar-lo a una altra llengua de signes.