Du design au code : Figma, tokens et WCAG 2.2 pour développeurs
Le parcours complet pour franchir le fossé entre Figma et le code : extraction des design tokens, génération multiplateforme, Code…
Lire le tutoriel
Catégorie
Catégorie : Design & UX
Tous
Développement Mobile (38)
Self-hosting (80)
Développement Web (727)
Business Digital (439)
Cybersécurité (326)
Intelligence Artificielle (252)
Bureautique & Productivité (122)
WordPress (113)
E-commerce (95)
Marketing Digital (80)
Design & UX (79)
SEO & Référencement (70)
Carrière & Entretien (24)
Tester l’accessibilité en continu : axe-core, Playwright, jsx-a11y
Trois niveaux de tests d'accessibilité automatisés — jsx-a11y, vitest-axe, @axe-core/playwright — branchés dans l'intégration continue pour bloquer les régressions.
Lire le tutorielConstruire des composants React accessibles avec ARIA
Une modale React utilisable au clavier et annoncée par les lecteurs d'écran : sémantique de dialogue, gestion du focus, piège…
Lire le tutorielImplémenter les nouveaux critères WCAG 2.2 en code
Taille de cible, focus non masqué, alternative au glissement, authentification accessible : implémentez les nouveaux critères WCAG 2.2 en CSS…
Lire le tutorielRelier Figma et React avec Dev Mode et Code Connect
Affichez l'usage réel de vos composants React directement dans le Dev Mode de Figma : installation, fichier .figma.tsx, mapping des…
Lire le tutorielGénérer ses design tokens en CSS, JS et SCSS avec Style Dictionary
Un seul fichier de tokens, autant de sorties que de plateformes : configurez Style Dictionary 4 pour produire CSS, JavaScript…
Lire le tutorielExtraire les design tokens depuis Figma avec l’API Variables
Récupérer par programme couleurs, espacements et typographies de Figma, et les transformer en tokens JSON au format W3C, prêts pour…
Lire le tutorielRGAA et WCAG 2.2 : checklist audit accessibilité — tutoriel 2026
Auditez l'accessibilité de votre site en 2026 avec la checklist RGAA 4.1.2 et WCAG 2.2 : 4 principes POUR, niveaux…
Lire le tutorielLighthouse + Pa11y : automatiser audit accessibilité — tutoriel 2026
Intégrez Lighthouse CLI et Pa11y dans votre pipeline CI/CD pour bloquer automatiquement toute PR qui dégrade l'accessibilité de votre site.…
Lire le tutorielDesign d’interface moderne : principes UX pour PME
Ce que vous saurez faire Le design d’interface moderne ne se résume pas à rendre un écran joli. Il s’appuie…
Lire le tutorielConnaître les familles typographiques
Ce que vous saurez faire à la fin Distinguer les familles typographiques (serif, sans-serif, slab, mono, display, script) Choisir une…
Lire le tutorielA/B testing : valider hypothèses produit par data
Ce que vous saurez faire à la fin Formuler une hypothèse A/B testable au format scientifique avec métrique primaire et…
Lire le tutoriel