Mon enfant ne parle pas encore faut-il s’inquiéter et quand consulter un orthophoniste

Frise interactive : repères de communication & langage (0 à 4 ans)

Un outil rassurant pour situer votre enfant, trouver des idées de jeux, et repérer les signaux d’alerte.

← Précédent Suivant → Réinitialiser

Âge de votre enfant (en mois)

0 mois

Astuce : déplacez le curseur pour surligner l’étape correspondante (les repères restent des tendances).

Lecture rapide

• Repères : ce qu’on observe souvent
• Jeux : idées simples à la maison
• Signal d’alerte : à surveiller (sans panique)

Étapes (0 → 48 mois)

Sélection

Note rassurante

Le langage évolue par à-coups et varie beaucoup d’un enfant à l’autre. L’objectif est de repérer des tendances et de vous donner des idées de stimulation, pas de “noter” votre enfant.

Détails de l’étape

Sélectionnez une étape

Copier le résumé

Repères (souvent observés)

Repères

Exemples concrets

Au quotidien

Idées de jeux (stimulation douce)

Jeux

Signal d’alerte à surveiller

À surveiller

Si vous avez un doute, en parler à votre médecin et/ou demander un avis d’orthophoniste peut aider à y voir clair.

Mini-check (facultatif)

Cochez ce que vous observez aujourd’hui (cela ne remplace pas un avis professionnel).

Score d’observations : 0/0

Effacer les coches

Cet outil est informatif et ne pose pas de diagnostic. En cas d’inquiétude (ou si vous vous sentez “seul(e) avec vos questions”), demander un avis est une démarche utile.

/* Respecte la contrainte de hauteur globale: pas de conteneur fixe qui dépasserait, mais une mise en page compacte. */ #timeline-langage-outil [data-selected= »true »] { border-color: rgb(99 102 241); /* indigo-500 */ box-shadow: 0 0 0 3px rgba(99,102,241,.15); background: linear-gradient(90deg, rgba(99,102,241,.08), rgba(16,185,129,.05)); } #timeline-langage-outil .tl-toast { position: fixed; left: 50%; transform: translateX(-50%); bottom: 16px; max-width: min(560px, calc(100vw – 24px)); z-index: 50; padding: 10px 12px; border-radius: 14px; border: 1px solid rgb(226 232 240); background: rgba(255,255,255,.96); backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(2,6,23,.15); color: rgb(15 23 42); font-size: 13px; } #timeline-langage-outil .tl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Aucune API externe n’est nécessaire : toutes les données proviennent de votre fragment fourni. => Conformité « APIs/Services 100 % gratuits » : pas d’appel réseau. Si vous souhaitez plus tard charger ces étapes depuis un JSON hébergé : – API possible (gratuite, sans clé) : un fichier JSON statique sur GitHub Pages ou un endpoint public. – Exemple d’URL (illustratif) : https://exemple-domaine.fr/timeline-langage.json – Exemple de réponse JSON : { « etapes »: [ { « id »: « 0-6 », « minMois »: 0, « maxMois »: 6, « titre »: « 0–6 mois », « reperes »: [« … »], « exemples »: [« … »], « jeux »: [« … »], « alerte »: « … » } ] } */ (function () { // —————————- // Chaînes en français (facilement éditables) // —————————- const I18N = { badgeSelection: « Sélection actuelle », copierOK: « Résumé copié dans le presse-papiers. », copierKO: « Impossible de copier automatiquement. Sélectionnez le texte et copiez-le manuellement. », aucuneEtape: « Sélectionnez une étape », aucunDetail: « Cliquez sur une étape (ou bougez le curseur d’âge). », scoreInfo: « Score d’observations : », resumeIntro: « Résumé de l’étape : », labelObservation: « Observation », toastPrefix: « Info :  » }; // —————————- // Données de la frise (0 à 4 ans) // —————————- const ETAPES = [ { id: « 0-6 », minMois: 0, maxMois: 6, titre: « 0–6 mois », accroche: « Connexion, regard, sons et échanges simples. », reperes: [ « Gazouillis, petits sons, variations de pleurs. », « Regard qui cherche le visage, intérêt pour les voix. », « Sourires et réponses aux interactions (tour de rôle très simple). » ], exemples: [ « Il/elle se calme plus vite avec votre voix. », « Il/elle vous “répond” par des sons quand vous parlez. », « Il/elle fixe votre visage pendant que vous chantez. » ], jeux: [ « Parler lentement en exagérant l’intonation (“voix chantante”). », « Jeu du miroir : imiter ses sons et attendre sa “réponse”. », « Comptines courtes avec gestes (mains, caresses). », « Pause-réponse : dire une phrase, s’arrêter, sourire, attendre. » ], alerte: « Peu ou pas de réaction aux sons/à la voix, très peu de contact regard, absence de sourires sociaux persistante. » }, { id: « 6-12 », minMois: 6, maxMois: 12, titre: « 6–12 mois », accroche: « Babillage, échanges, compréhension qui progresse, pointage qui émerge. », reperes: [ « Babillage (ex. “ba-ba”, “da-da”), jeux vocaux. », « Comprend des routines simples (“on mange”, “au bain”). », « Début du pointage / gestes pour demander ou montrer (émergeant). » ], exemples: [ « Il/elle se tourne quand on l’appelle (souvent). », « Il/elle rit, vocalise pour attirer l’attention. », « Il/elle tend les bras pour être pris(e), montre un objet. » ], jeux: [ « Coucou-caché (anticipation, tour de rôle). », « Nommer ce que vous voyez (“regarde, le chat!”). », « Livres d’images : pointer, nommer, attendre son regard. », « Jeux de sons : “pa-pa-pa”, puis pause pour le laisser essayer. » ], alerte: « Babillage très rare, peu d’intérêt pour l’échange, pas de gestes pour communiquer (montrer/demander) à l’approche de 12 mois. » }, { id: « 12-18 », minMois: 12, maxMois: 18, titre: « 12–18 mois », accroche: « Premiers mots et communication intentionnelle. », reperes: [ « Premiers mots (variables) et/ou approximations stables. », « Utilise gestes + regard pour se faire comprendre. », « Comprend de plus en plus d’ordres simples (“donne”, “viens”). » ], exemples: [ « Il/elle dit “maman/papa”, “encore”, “là”, “non” (ou équivalent). », « Il/elle apporte un objet pour vous le montrer. », « Il/elle imite des sons ou des mots entendus. » ], jeux: [ « Choix guidés : “tu veux la pomme ou la banane ?” (montrer en parlant). », « Jeu “encore/stop” avec bulles ou voiture (mots très utiles). », « Imitations : animaux (“meuh”, “ouaf”), puis le mot (“vache”, “chien”). », « Routines commentées : “on met la chaussure… hop !” » ], alerte: « Aucun mot (ou quasi aucun) vers 18 mois, très peu de compréhension apparente, peu de communication par gestes/regard. » }, { id: « 18-24 », minMois: 18, maxMois: 24, titre: « 18–24 mois », accroche: « Imitations, explosion du vocabulaire (souvent), intentions claires. », reperes: [ « Imite davantage (sons, mots, petites actions). », « Vocabulaire en hausse (rythme variable selon l’enfant). », « Commence à combiner geste + mot pour préciser une demande. » ], exemples: [ « Il/elle nomme des objets familiers (doudou, eau, voiture). », « Il/elle pointe + dit un mot (“encore”, “là”, “pain”). », « Il/elle comprend “où est… ?” et cherche du regard. » ], jeux: [ « Jeu des catégories : “montre-moi les animaux / les voitures”. », « Petites mises en scène (poupée qui mange, dodo) en commentant. », « Boîte à surprises : sortir un objet, le nommer, le faire répéter sans pression. », « “Je dis–tu fais” : consignes simples (“mets la balle dans la boîte”). » ], alerte: « Très peu de mots/imitations, difficultés marquées à comprendre des consignes simples, frustration importante car communication difficile. » }, { id: « 24-36 », minMois: 24, maxMois: 36, titre: « 24–36 mois », accroche: « Association de mots, demandes, débuts de questions. », reperes: [ « Associe 2 mots (ex. “encore gâteau”, “papa parti”). », « Fait des demandes plus précises, commence à poser des questions simples. », « Se fait comprendre de mieux en mieux (même si articulation imparfaite). » ], exemples: [ « Il/elle dit “veux eau”, “moi aussi”, “pas dodo”. », « Il/elle demande “quoi ?” ou “où ?” (ou équivalent). », « Il/elle raconte très brièvement un événement (“tombé”, “bobo”). » ], jeux: [ « Jeu du “petit reporter” : “qui/quoi/où ?” avec des images. », « Phrases modèles courtes : reformuler en 2–3 mots (“Oui, tu veux le camion”). », « Cuisine imaginaire : “je coupe / tu manges / encore”. », « Histoires en 3 images : début–milieu–fin, avec vos questions. » ], alerte: « Peu d’association de mots vers 30–36 mois, discours très difficile à comprendre au quotidien, peu d’intentions de communication. » }, { id: « 36-48 », minMois: 36, maxMois: 48, titre: « 36–48 mois », accroche: « Phrases plus complètes, début de récit, échanges plus longs. », reperes: [ « Phrases plus complètes (3–5 mots et plus), grammaire en construction. », « Raconte un peu, enchaîne des idées (même de façon désordonnée). », « Comprend des consignes en 2 étapes (“prends… puis…”). » ], exemples: [ « Il/elle peut expliquer un besoin (“j’ai faim parce que…”). », « Il/elle raconte une scène (“on a été au parc et…”). », « Il/elle joue à faire semblant avec des dialogues. » ], jeux: [ « Jeu du récit : “et après ?” en feuilletant un livre. », « Jeux de rôle (marchand, docteur) pour enrichir le vocabulaire. », « Chasse au trésor avec 2 consignes (“va dans la chambre puis…”) », « Reformulation positive : reprendre sa phrase en version un peu plus complète. » ], alerte: « Phrases très limitées, compréhension fragile, difficultés importantes à se faire comprendre, régression du langage, ou inquiétude persistante du parent/entourage. » } ]; // —————————- // Helpers // —————————- const $ = (sel, root = document) => root.querySelector(sel); const el = (tag, attrs = {}, children = []) => { const node = document.createElement(tag); for (const [k, v] of Object.entries(attrs)) { if (k === « class ») node.className = v; else if (k === « text ») node.textContent = v; else if (k.startsWith(« aria-« )) node.setAttribute(k, v); else if (k === « html ») node.innerHTML = v; else node.setAttribute(k, v); } for (const c of children) node.appendChild(typeof c === « string » ? document.createTextNode(c) : c); return node; }; function clamp(n, min, max) { return Math.max(min, Math.min(max, n)); } function stepForAge(mois) { // Choix : l’étape dont l’intervalle contient l’âge, sinon la plus proche. const inRange = ETAPES.find(s => mois >= s.minMois && mois <= s.maxMois); if (inRange) return inRange; let best = ETAPES[0], bestDist = Infinity; for (const s of ETAPES) { const dist = mois < s.minMois ? (s.minMois – mois) : (mois – s.maxMois); if (dist = 24) ? `(${Math.round(s.minMois/12)}–${Math.round(s.maxMois/12)} ans)` : «  »; return b ? `${a} ${b}` : a; } function showToast(msg) { const t = $(« #tl_toast »); t.className = « tl-toast »; t.textContent = msg; t.classList.remove(« hidden »); window.clearTimeout(showToast._timer); showToast._timer = window.setTimeout(() => t.classList.add(« hidden »), 2400); } function renderList(selectedId) { const list = $(« #tl_list »); list.innerHTML = «  »; ETAPES.forEach((s, idx) => { const isSelected = s.id === selectedId; const button = el(« button », { type: « button », class: « w-full text-left rounded-2xl border border-slate-200 bg-white px-4 py-3 hover:bg-slate-50  » + « focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 transition », « data-step-id »: s.id, « data-selected »: isSelected ? « true » : « false », role: « option », « aria-selected »: isSelected ? « true » : « false » }, [ el(« div », { class: « flex items-start gap-3 » }, [ el(« div », { class: « mt-1 h-8 w-8 rounded-xl bg-indigo-600 text-white flex items-center justify-center font-semibold text-sm shrink-0 », text: String(idx + 1) }), el(« div », { class: « min-w-0 » }, [ el(« div », { class: « flex items-center justify-between gap-3 » }, [ el(« p », { class: « font-semibold text-slate-900 », text: s.titre }), el(« span », { class: « text-xs text-slate-500 tabular-nums shrink-0 », text: `${s.minMois}–${s.maxMois} m` }) ]), el(« p », { class: « mt-0.5 text-sm text-slate-600 leading-snug », text: s.accroche }) ]) ]) ]); const li = el(« li », { class: « relative pl-9 » }, [ el(« span », { class: « absolute left-[11px] top-[18px] h-3 w-3 rounded-full  » + (isSelected ? « bg-indigo-500 » : « bg-slate-300 »), « aria-hidden »: « true » }), button ]); list.appendChild(li); }); } function fillBullets(container, items) { container.innerHTML = «  »; items.forEach(txt => { container.appendChild( el(« li », { class: « flex items-start gap-2 » }, [ el(« span », { class: « mt-2 inline-block h-1.5 w-1.5 rounded-full bg-slate-400 shrink-0 », « aria-hidden »: « true » }), el(« span », { text: txt }) ]) ); }); } function fillGames(container, items) { container.innerHTML = «  »; items.forEach(txt => { container.appendChild( el(« li », { class: « rounded-xl border border-slate-200 bg-white px-3 py-2 » }, [ el(« div », { class: « flex items-start gap-2 » }, [ el(« span », { class: « mt-1 inline-block h-2 w-2 rounded-full bg-emerald-500 shrink-0 », « aria-hidden »: « true » }), el(« span », { class: « text-sm text-slate-700 leading-relaxed », text: txt }) ]) ]) ); }); } function buildChecklist(step) { const root = $(« #tl_checklist »); root.innerHTML = «  »; // On propose une checklist basée sur les repères (pratique et éditable). const checks = step.reperes.slice(0, 4); // limiter pour rester compact const total = checks.length; $(« #tl_score_total »).textContent = String(total); $(« #tl_score »).textContent = « 0 »; checks.forEach((label, i) => { const id = `tl_check_${step.id}_${i}`; const wrap = el(« div », { class: « flex items-start gap-3 rounded-2xl border border-slate-200 bg-white p-3 » }); const input = el(« input », { id, type: « checkbox », class: « mt-1 h-4 w-4 accent-indigo-600 », « data-check »: « 1 » }); const lab = el(« label », { for: id, class: « text-sm text-slate-700 leading-relaxed cursor-pointer » }, [ el(« span », { class: « font-semibold text-slate-900 », text: `${I18N.labelObservation} ${i + 1} : ` }), el(« span », { text: label }) ]); wrap.appendChild(input); wrap.appendChild(lab); root.appendChild(wrap); }); root.addEventListener(« change », updateScore, { passive: true }); updateScore(); } function updateScore() { const checks = Array.from(document.querySelectorAll(« #timeline-langage-outil input[type=’checkbox’][data-check=’1′] »)); const checked = checks.filter(c => c.checked).length; $(« #tl_score »).textContent = String(checked); } function setBadge(step) { const b = $(« #tl_badge »); b.classList.remove(« hidden »); b.textContent = I18N.badgeSelection; b.className = « rounded-full px-3 py-1 text-xs font-semibold border  » + « border-indigo-200 bg-indigo-50 text-indigo-700 »; } function selectStepById(id, opts = { syncSlider: true, focusList: false }) { const step = ETAPES.find(s => s.id === id) || ETAPES[0]; renderList(step.id); // Détails $(« #tl_title »).textContent = step.titre; $(« #tl_range »).textContent = formatRange(step); setBadge(step); fillBullets($(« #tl_milestones »), step.reperes); fillBullets($(« #tl_examples »), step.exemples); fillGames($(« #tl_games »), step.jeux); $(« #tl_alert »).textContent = step.alerte; buildChecklist(step); if (opts.syncSlider) { // Place le slider au milieu de l’intervalle pour refléter la sélection const mid = Math.round((step.minMois + step.maxMois) / 2); $(« #tl_age »).value = String(mid); $(« #tl_age_val »).textContent = String(mid); } // Accessibilité: optionnellement, focus sur l’élément sélectionné dans la liste if (opts.focusList) { const btn = document.querySelector(`#timeline-langage-outil button[data-step-id= »${step.id} »]`); if (btn) btn.focus(); } // Stockage léger pour conserver la sélection (gratuit, local) try { localStorage.setItem(« tl_langage_selected », step.id); } catch (e) {} } function getSelectedIndex() { const selected = document.querySelector(‘#timeline-langage-outil button[data-selected= »true »]’); if (!selected) return -1; const id = selected.getAttribute(« data-step-id »); return ETAPES.findIndex(s => s.id === id); } async function copySummary() { const title = $(« #tl_title »).textContent.trim(); const range = $(« #tl_range »).textContent.trim(); const milestones = Array.from($(« #tl_milestones »).querySelectorAll(« li span:last-child »)).map(n => n.textContent.trim()); const games = Array.from($(« #tl_games »).querySelectorAll(« li span »)).map(n => n.textContent.trim()).filter(Boolean); const alert = $(« #tl_alert »).textContent.trim(); if (!title || title === I18N.aucuneEtape) { showToast(I18N.aucunDetail); return; } const text = `${I18N.resumeIntro}n` + `${title} — ${range}nn` + `Repères :n- ${milestones.join(« n- « )}nn` + `Idées de jeux :n- ${games.join(« n- « )}nn` + `Signal d’alerte à surveiller :n- ${alert}n`; try { await navigator.clipboard.writeText(text); showToast(I18N.copierOK); } catch (e) { showToast(I18N.copierKO); } } function init() { // Rendu initial renderList(null); // Récupère sélection précédente si possible let initialId = null; try { initialId = localStorage.getItem(« tl_langage_selected »); } catch (e) {} // Initialise la vue à partir du slider (0 mois) ou du localStorage if (initialId && ETAPES.some(s => s.id === initialId)) { selectStepById(initialId, { syncSlider: true, focusList: false }); } else { selectStepById(stepForAge(0).id, { syncSlider: true, focusList: false }); } // Interactions liste $(« #tl_list »).addEventListener(« click », (ev) => { const btn = ev.target.closest(« button[data-step-id] »); if (!btn) return; selectStepById(btn.getAttribute(« data-step-id »), { syncSlider: true, focusList: false }); }); // Slider âge -> sélection automatique $(« #tl_age »).addEventListener(« input », (ev) => { const mois = clamp(parseInt(ev.target.value, 10) || 0, 0, 48); $(« #tl_age_val »).textContent = String(mois); const step = stepForAge(mois); selectStepById(step.id, { syncSlider: false, focusList: false }); }, { passive: true }); // Navigation $(« #tl_prev »).addEventListener(« click », () => { const idx = getSelectedIndex(); const nextIdx = clamp((idx { const idx = getSelectedIndex(); const nextIdx = clamp((idx { selectStepById(stepForAge(0).id, { syncSlider: true, focusList: false }); // Remet aussi le slider $(« #tl_age »).value = « 0 »; $(« #tl_age_val »).textContent = « 0 »; showToast(« Réinitialisation effectuée. »); }); // Copier résumé $(« #tl_copy »).addEventListener(« click », copySummary); // Effacer checklist $(« #tl_clear_checks »).addEventListener(« click », () => { const checks = Array.from(document.querySelectorAll(« #timeline-langage-outil input[type=’checkbox’][data-check=’1′] »)); checks.forEach(c => c.checked = false); updateScore(); showToast(« Coches effacées. »); }); // Support clavier dans la liste (↑/↓, Entrée) $(« #tl_list »).addEventListener(« keydown », (ev) => { const active = document.activeElement; if (!active || !active.matches(« #timeline-langage-outil button[data-step-id] »)) return; const id = active.getAttribute(« data-step-id »); const idx = ETAPES.findIndex(s => s.id === id); if (ev.key === « ArrowDown ») { ev.preventDefault(); const i = clamp(idx + 1, 0, ETAPES.length – 1); const btn = document.querySelector(`#timeline-langage-outil button[data-step-id= »${ETAPES[i].id} »]`); if (btn) btn.focus(); } else if (ev.key === « ArrowUp ») { ev.preventDefault(); const i = clamp(idx – 1, 0, ETAPES.length – 1); const btn = document.querySelector(`#timeline-langage-outil button[data-step-id= »${ETAPES[i].id} »]`); if (btn) btn.focus(); } else if (ev.key === « Enter » || ev.key ===  » « ) { ev.preventDefault(); selectStepById(id, { syncSlider: true, focusList: false }); } }); } // Lance une fois le DOM prêt (bloc collé dans une page existante) if (document.readyState === « loading ») { document.addEventListener(« DOMContentLoaded », init, { once: true }); } else { init(); } })();