Académie
Chargement…
LABELS ERREURS ET
Rendez vos formulaires web conformes RGAA : labels visibles, erreurs annoncées, aria-live. De Figma à React avec Cursor pour PO, design et développement.
Intermédiaire · 4 min
ANIMATIONS GSAP AVEC
GSAP accessible : matchMedia, durées réduites et états statiques. Du Figma à useGSAP en React : pour dev, design et recette sans exclure reduced-motion.
Avancé · 4 min
AUDIT ACCESSIBILITÉ MAQUETTE
Pré-audit accessibilité sur maquette Figma avec Claude : contrastes, libellés, focus. Une checklist avant handoff — l’audit HTML RGAA reste obligatoire.
Intermédiaire · 4 min
COMPOSER UN COMPOSANT
Composants React accessibles avec Cursor et rules dédiées : sémantique, clavier, ARIA minimal, focus visible. Workflow agent et relecture manuelle pour dev.
Intermédiaire · 4 min
AUDIT CONTRASTE ACCESSIBILITÉ
Pré-auditez contrastes, tailles et états focus dans Figma avant dev. Plugins, checklist RGAA et traçabilité pour aligner design et recette HTML finale.
Débutant · 4 min
FORMULAIRE CONTACT VALIDATION
Protégez un formulaire contact Next.js : validation client-serveur, honeypot, rate limit, retours accessibles. Server Actions pour sites B2B agence web.
Intermédiaire · 4 min
CHECKLIST RECETTE AVANT
Template checklist Notion pour recette web : accessibilité, SEO, perfs, formulaires, redirects et smoke tests. PO signe avant MEP ; traçabilité par owner.
Débutant · 3 min
ANIMATIONS ET REDUCED-MOTION
Interactions Webflow compatibles reduced-motion : IX2, Lottie et fallbacks accessibles. Guide designers intermédiaires, recette OS sans exclure utilisateurs.
Intermédiaire · 3 min
FORMULAIRES RGPD ANTI-SPAM
Formulaires WordPress conformes RGPD : consentement, honeypot, CAPTCHA et accessibilité. Guide agence Contact Form 7, WPForms ou Gravity, sans fuite de données.
Intermédiaire · 4 min
Cursor
