# GAB-061 · StoryCommonMistake — « Erreur fréquente corrigée »

**Archétype / renderer_key :** `text_cta` (cartographie) · **module :** EdTechStoryLearning
**Critère validé :** changer le JSON change la carte sans modifier le HTML.

## Pack (structure officielle par-GAB)
```
GAB-061/
  renderer.html            ← moteur erreur fréquente (ne pas modifier par instance)
  instance.example.json    ← SOURCE DE VÉRITÉ (contenu réel, à plat)
  schema.contract.json     ← contrat de validation
  README-contract.md       ← ce fichier
```

## Archétype
Affiche une idée fausse (barrée, zone corail) et révèle la correction (zone menthe) après clic sur un bouton. Interaction progressive : wrong → [bouton] → right. Adapté aux pièges d'examen et aux raccourcis cognitifs fréquents.

## Champs requis (instance, à plat)
`gab_id` · `mistake_id` · `wrong_statement` · `right_explanation` · `cta_label`

Optionnels : `title`, `wrong_label`, `right_label`.

## Ce qui vient du JSON vs HTML
- **JSON** : texte de l'erreur, texte de la correction, libellé du bouton, labels des zones (optionnels), titre hero.
- **HTML** : structure deux-zones (corail / menthe), icône 🚫, flèche de transition, logique de révélation progressive, layout responsive.

## Garde-fous (child_safety)
- **BLOCKED** si `wrong_statement`, `right_explanation` ou `cta_label` est absent ou vide.
- La correction n'est jamais visible sans action de l'élève (masquage `max-height:0`).
- Aucune métadonnée inventée : les champs extraits viennent strictement du HTML source.

## QA à vérifier
1. Modifier `wrong_statement`/`right_explanation`/`cta_label` → rendu change sans toucher au HTML (critère d'or).
2. `wrong_statement:""` → BLOCKED propre.
3. Clic bouton → zone correction révélée, bouton masqué.
4. Responsive 375/768/1024 → aucun débordement.
5. Navigation clavier → bouton focusable.

## Source
`INDEX-300-storylearning-GAB-060-064-PLAYABLE.html` (stage `data-tpl="61"`, handler `mistReveal()`).

## external_refs / dependencies
- Lot parent : `LOT-storylearning-GAB-060-064`
- Modules adjacents référencés dans do_not_use_when : GAB-036 (avertissement simple), GAB-052 (leçon neutre)
- Ces GAB ne font PAS partie de ce lot ; aucune dépendance de rendu entre eux.
