Bundle RGAA - Formation complète
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
11h11
de formation
98
leçons vidéo
8
formations
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Bundle RGAA - Formation complète

Promo -33%
4.8/5 Trustpilot (1385 avis) Satisfait ou remboursé
11h11
de formation
98
leçons vidéo
8
formations

Faites de l’accessibilité un atout stratégique pour vos projets web !

Cette formation en ligne regroupe l’ensemble des essentiels pour maîtriser la conformité RGAA et créer des interfaces réellement accessibles, inclusives et professionnelles.
Conçue pour les développeurs, intégrateurs, concepteurs UI/UX et chefs de projet, elle vous guide pas à pas dans la mise en œuvre concrète des critères d’accessibilité, tout en respectant les bonnes pratiques du web moderne.

Au programme de ce bundle sur l'accessibilité web

  • RGAA : Faites de l'accessibilité un atout pour votre entreprise
    Comprenez les enjeux légaux, éthiques et économiques de l’accessibilité numérique.
  • Formulaire accessibilité : guide pas à pas RGAA (HTML, CSS, JS)
    Créez des formulaires clairs, structurés et conformes à la norme RGAA.
  • Accessibilité des images, icônes et médias – RGAA
    Apprenez à décrire, baliser et structurer vos médias pour tous les utilisateurs.
  • Navigation clavier et souris – Votre site passe-t-il le test RGAA ?
    Offrez une navigation fluide à tous, sans dépendre uniquement de la souris.
  • Créer des Onglets Accessibles RGAA 4.1 – Navigation Clavier
    Implémentez des onglets respectant les critères de focus et d’interaction.
  • RGAA : Attributs HTML et ARIA – Guide accessibilité web
    Maîtrisez l’usage des attributs ARIA et HTML pour renforcer la sémantique et l’accessibilité.
  • Créer des Accordéons Accessibles RGAA 4.1 – Navigation Clavier
    Concevez des composants dynamiques accessibles à toutes les interactions.
  • Créer un menu burger 100% accessible
    Concevez un menu burger accessible au clavier et à la souris.

Pourquoi suivre ce bundle ?

  • Une approche 100 % pratique, avec du code concret et des démonstrations réelles.
  • Des exemples immédiatement réutilisables dans vos projets.
  • Une vision claire du processus de mise en conformité RGAA, du diagnostic à la correction.
  • Un gain de compétence valorisable sur le marché du développement web accessible.

Objectif final

À la fin de cette formation, vous serez capable de concevoir et auditer des interfaces web conformes au RGAA 4.1, tout en garantissant une expérience inclusive pour tous les utilisateurs.

Cours dans ce bundle

RGAA : Faites de l'accessibilité un atout pour votre entreprise Cours 1

RGAA : Faites de l'accessibilité un atout pour votre entreprise

Formulaire accessibilité : guide pas à pas RGAA (HTML, CSS, JS) Cours 2

Formulaire accessibilité : guide pas à pas RGAA (HTML, CSS, JS)

Accessibilité des images, icônes et médias - RGAA Cours 3

Accessibilité des images, icônes et médias - RGAA

Navigation clavier et souris. Votre site passe-t-il le test RGAA ? Cours 4

Navigation clavier et souris. Votre site passe-t-il le test RGAA ?

Créer des Onglets Accessibles RGAA 4.1 – Navigation Clavier Cours 5

Créer des Onglets Accessibles RGAA 4.1 – Navigation Clavier

RGAA : Attributs HTML et ARIA – Guide accessibilité web Cours 6

RGAA : Attributs HTML et ARIA – Guide accessibilité web

Créer des Accordéons Accessibles RGAA 4.1 – Navigation Clavier Cours 7

Créer des Accordéons Accessibles RGAA 4.1 – Navigation Clavier

Créer un menu burger accessible : inert, clavier et responsive pas à pas Cours 8

Créer un menu burger accessible : inert, clavier et responsive pas à pas

Plan détaillé des cours

 

Chapitre 1 : Les règles d'accessibilité

1h13
 
Leçon 1Les images
Leçon 2Les cadres
Leçon 3Les couleurs
Leçon 4Les multimédias
Leçon 5Les tableaux
Leçon 6Les liens
Leçon 7La structure
Leçon 8Structurer l'information
Leçon 9Les formulaires
Leçon 10La navigation

Chapitre 2 : Bonus

12m04
 
Leçon 1Ajouter une Police DYS
 

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
 

Chapitre 1 : Cas usuels

30m34
 
Leçon 1Les différentes familles d'image
Leçon 2Les images complexes
Leçon 3Mise en place d'une documentation
Leçon 4Les images contenant du texte
Leçon 5Les images de fond
Leçon 6Les icônes

Chapitre 2 : Cas particuliers

13m33
 
Leçon 1Donner des sous-titres à une vidéo
Leçon 2Rédiger le script de la vidéo
Leçon 3Script d'un fichier audio
 

Chapitre 1 : Navigation au clavier

45m24
 
Leçon 1Comprendre l’ordre de tabulation
Leçon 2Cas concret d'une tabulation
Leçon 3Maîtriser l’attribut tabindex
Leçon 4Tabulation négative simple
Leçon 5Tabulation négative multiple

Chapitre 2 : Application: Rendre accessible une modale au clavier

34m03
 
Leçon 1Mise en place du code HTML
Leçon 2Mise en place du code CSS
Leçon 3Mise en place du code JS
Leçon 4Ajouter les attributs RGAA dans le code HTML
Leçon 5Ajouter le JS lié au RGAA

Chapitre 3 : Le focus

14m46
 
Leçon 1La pseudo classe focus
Leçon 2Focus visible et invisible
Leçon 3Checklist
 
Leçon 1

Créer une mise en page

09m01
Leçon 2

Créer un menu à onglet HTML & CSS

08m28
Leçon 3

Définir les sections du menu à onglet

06m08
Leçon 4

Faire fonctionner le menu à onglet

05m58
Leçon 5

Accessibilité à mettre en place

04m07
Leçon 6

Attribuer des rôles

08m23
Leçon 7

Mettre en relation l'onglet et la section

03m41
Leçon 8

Donner les infos au lecteur d'écran

07m07
Leçon 9

Mettre à jour le CSS

11m14
Leçon 10

Gestion du focus

06m07
Leçon 11

Navigation avec la souris

05m42
Leçon 12

Navigation avec le clavier

10m36
Leçon 13

Afficher les visuelles sur la page

10m43
Leçon 14

Donner le focus à tous les évènements

04m55
 
Leçon 1

Les images

05m15
Leçon 2

Les liens et la navigation

06m07
Leçon 3

Les tableaux

15m45
Leçon 4

Les formulaires

13m35
Leçon 5

Conclusion

56s
 
Leçon 1

Créer une mise en page

09m38
Leçon 2

Mettre en place les accordéons

06m58
Leçon 3

Mettre en place les attributs du RGAA

06m36
Leçon 4

Ouvrir les accordéons avec JavaScript

06m29
Leçon 5

Mettre en place la navigation clavier

07m53
Leçon 6

Ouvrir/fermer un accordéon au clavier

03m48
Leçon 7

Passer à l'accordéon suivant via le clavier

04m07
Leçon 8

Passer à l'accordéon précédent via le clavier

02m45
Leçon 9

Gestion de la tabulation

12m55
Leçon 10

Retour sur l'expérience utilisateur

06m52
Leçon 11

Fermer tous les accordéons

05m24
Leçon 12

Gestion du focus

08m23
Leçon 13

Bonus: Fermer l'onglet actif

01m26
 
Leçon 1

Codes de base HTML & CSS

09m47
Leçon 2

Mise en place des bases de la zone de Nav

08m36
Leçon 3

Faire fonctionner la zone de Nav

09m24
Leçon 4

Ecrire les attributs HTML liés au RGAA

06m54
Leçon 5

Retour au JavaScript

09m36
Leçon 6

Navigation desktop accessible

10m11
Leçon 7

Navigation mobile accessible

07m11
Leçon 8

Gestion des touches Home et End

03m37
Leçon 9

Désactiver le menu

04m36
Leçon 10

Si site One Page

06m12
Leçon 11

Gestion du focus

06m05
Leçon 12

Réactiver le menu, le cas échéant

10m19

Avis des apprenants

Détail des avis
2
Commentaires
4,5/5
Note moyenne
5/5
1
4/5
1
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 03/06/2026
Difficile - Je m'emmêle les codes. J'ai d'ailleurs échoué au QCM (79%). Soit j'ai besoin d'apprendre encore, soit de laisser tomber. Je trouve que la navigation clavier est difficile. Bref, ça demande quand même beaucoup de travail supplémentaire. Ceci étant vous expliquez tout très bien, là n'est pas le problème :-) Mais être développeur web va vite devenir une corvée fatigante plutôt qu'un plaisir. En tout cas merci beaucoup de nous aider dans ce casse-tête.
Carl Brison
Carl Brison
Bonjour Valérie, j'en ai bien conscience. C'est pour cela que publie actuellement une nouvelle série de tuto sur le frontend moderne en suivant étape par étape les règles simples et complètes des attributs aria. En suivant ces tutos, vous allez petit à petit vous familiariser facilement avec tout cela. Si vous avez besoin de trouver ces nouveaux tutos, envoyez moi un mail. Bonne journée Valérie et merci pour votre commentaire.
Carole Bureau
Carole Bureau
Publié le 07/02/2026
Aucun commentaire merci

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
146,67€ 99€
Promo -33%
Paiement unique, sans abonnement
Accès à vie à cette formation
11h11 de vidéo
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 759 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1422 tutos gratuits

Notre politique de protection des données