Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Vous développez des formulaires web et vous souhaitez qu’ils soient accessibles à tous, y compris aux personnes en situation de handicap ?
Ce tuto est fait pour vous !
Dans cette formation100 % pratique, vous apprendrez à créer un formulaire HTML/CSS/JavaScript conforme aux exigences du RGAA 4.1 (Référentiel Général d’Amélioration de l’Accessibilité).
Nous verrons ensemble :
- Comment structurer un formulaire accessible (balises, attributs
aria, gestion des erreurs, etc.), - Quelles sont les bonnes pratiques en matière d’accessibilité numérique,
- Comment utiliser JavaScript de manière conforme pour afficher des messages d’erreur dynamiques,
- Comment vérifier l’accessibilité de votre code avec les bons outils d’audit.
Ce tuto inclut également un exercice d’application avec un formulaire complet, que nous corrigerons et analyserons pas à pas pour vérifier sa conformité.
Nous verrons tous les éléments liés aux formulaires HTML :
- input
- textarea
- boutons radio
- cases à cocher
- menu déroulant
Afin de suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître:
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Les règles du RGAA 4.1 pour les formulaires
Les règles du RGAA 4.1 pour les formulaires
Chapitre 2
Les bases HTML, CSS et JS d'un formulaire
Les bases HTML, CSS et JS d'un formulaire
Chapitre 3
Ajout des règles du RGAA 4.1
Ajout des règles du RGAA 4.1
Chapitre 4
Tester notre code aux normes du RGAA 4.1
Tester notre code aux normes du RGAA 4.1
Chapitre 5
Tester avec un lecteur d’écran
Tester avec un lecteur d’écran
Chapitre 6
Autres éléments de formulaire
Autres éléments de formulaire
Chapitre 7
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Les règles du RGAA 4.1 pour les formulaires
06m28
Leçon 1Liste des normes à utiliser
Leçon 2Les points de conformité à respecter
Chapitre 2 : Les bases HTML, CSS et JS d'un formulaire
29m
Leçon 1Code de base HTML d'un formulaire
Leçon 2Mettre en forme le formulaire
Leçon 3Contôler le formulaire en JavaScript
Chapitre 3 : Ajout des règles du RGAA 4.1
17m30
Leçon 1Vérifier les contrastes
Leçon 2Les messages d'erreur perceptibles
Leçon 3La tabulation
Chapitre 4 : Tester notre code aux normes du RGAA 4.1
28m02
Leçon 1Vérification à l'aide de l'IA
Leçon 2Vérification à l'aide de lighthouse
Leçon 3Vérification à l'aide de wave
Leçon 4Conclusion des tests réalisés
Chapitre 5 : Tester avec un lecteur d’écran
05m35
Leçon 1Un lecteur d'écran pour votre OS
Leçon 2Tester un lecteur d'écran
Chapitre 6 : Autres éléments de formulaire
38m37
Leçon 1Conformité des boutons radios
Leçon 2Script pour les boutons radios
Leçon 3Conformité des cases à cocher
Leçon 4Script pour les cases à cocher
Leçon 5Conformité d'un menu déroulant
Leçon 6Script pour le menu déroulant
Chapitre 7 : Conclusion
03m25
Leçon 1Conclusion
Aperçus
