RGAA : se former

Pour se former

Des ressources et des cours en ligne sont disponibles :

• ACCESSLAB ENSFEA : https://accesslab.ensfea.fr/ccesslab/un-espace-dedie-a-laccessibilite-numerique/

• Cours M@gistere : Numérique et ELèves à Besoins Educatifs Particuliers EBEP : Conception ou adaptation de supports d’apprentissage accessibles à tous | Plateforme partage02 https://partage02.magistere.apps.education.fr/course/view.php?id=263

• Cours MENTOR - L'accessibilité : un enjeu universel | info.gouv.fr https://www.info.gouv.fr/accessibilite/les-formations-mentor

• Créer un MOOC inclusif : Découvrez comment rendre vos formations plus accessibles ! https://www.fun-mooc.fr/fr/cours/creer-un-mooc-inclusif/

Du 01 janv. 2025 au 31 déc. 2027 ; Accès gratuit

• Éducation inclusive : ressources numériques adaptées pour la classe

Découvrez comment utiliser les outils numériques pour personnaliser l'apprentissage, favoriser l'autonomie des élèves et mettre en place des pratiques pédagogiques inclusives.
https://www.fun-mooc.fr/fr/cours/education-inclusive-ressources-numeriques-adaptees-pour-la-classe/
Du 25 mai 2026 au 28 juin 2026 ; Accès gratuit

• Produire des ressources numériques pédagogiques et interactives accessibles

Ingénieurs et ingénieures pédagogiques, venez vous former à la production de ressources pédagogiques multimédias accessibles. https://www.fun-mooc.fr/fr/cours/produire-des-ressources-numeriques-pedagogiques-et-interactives-accessibles/
Du 05 juin 2026 au 26 juin 2026 ; Inscription jusqu'au 04 juin 2026 ; Accès payant=420 €

Un livre

Comment créer votre site web en respectant les principes du Numérique Responsable

Résumé
Le Numérique Responsable constitue un enjeu majeur de notre époque et il incombe à chacun d'entre nous de contribuer à cet effort, quel que soit notre niveau d'implication. Des millions de sites sont créés avec WordPress qui est devenu un vrai standard dans la conception des sites web. Ce livre s'adresse donc à tous les développeurs qui souhaitent concevoir …
Le Numérique Responsable constitue un enjeu majeur de notre époque et il incombe à chacun d'entre nous de contribuer à cet effort, quel que soit notre niveau d'implication. Des millions de sites sont créés avec WordPress qui est devenu un vrai standard dans la conception des sites web. Ce livre s'adresse donc à tous les développeurs qui souhaitent concevoir des sites web écoresponsables avec WordPress, en considérant les deux principaux axes de l'écoconception : l'accessibilité et le Green IT.
Dans une première partie, les auteurs exposent les fondations du Numérique Responsable, en abordant le développement durable, le Green IT, l'accessibilité et les déficiences qui sont un frein à l'accès aux services numériques. Les différents référentiels et réglementations concernant l'accessibilité au niveau mondial et francophone, ainsi que les méthodes et outils pour auditer un site existant sont ensuite présentés.
Les auteurs poursuivent en vous donnant les clés essentielles pour concevoir un site WordPress accessible, en mettant en évidence l'importance de la personnalisation des thèmes. Par la suite, le livre explique de manière très pratique comment appliquer les règles d'accessibilité aux contenus rédactionnels, avec les textes, les tableaux et la personnalisation des blocs de contenu. La création de nouveaux types de champs de saisie pour les contenus structurés sera également traitée.
Les médias jouent un rôle crucial dans les sites web actuels et les rendre écoresponsables, accessibles et adaptés à tous requiert certains ajustements dans WordPress. Vous verrez comment mettre en oeuvre les régies essentielles d'accessibilité applicables aux images, vidéos, fichiers audio, documents téléchargeables et fichiers PDF. L'utilisation des formulaires par les personnes en difficulté est souvent délicate.
Nous devons donc tout mettre en oeuvre pour les rendre accessibles et adaptés. Enfin, les auteurs proposent des pistes de réflexion pour obtenir un hébergement écoresponsable.

RGAA : l'accessibilité dans le BTSA DATR Développement et animation de projets territoriaux

Le document d'accompagnement :

notamment vers la capacité "C 5.3 Mettre en oeuvre la communication externe d'une entreprise"
https://chlorofil.fr/fileadmin/user_upload/02-diplomes/referentiels/secondaire/btsa/datr-2025/btsa-datr-da-m5-2411.pdf

Extraits :

"L’enseignant attend des apprenants qu’ils respectent et fassent respecter les règles de diffusion et de communication de l’information ainsi que la prise en compte des technologies d’accessibilité numérique (inclusion numérique)"

"S’il ne conçoit pas la stratégie de communication de l’organisation, l’apprenant peut en revanche l’évaluer et apporter des éléments de réflexion aux personnes qui en sont chargées.
Les critères d’évaluation peuvent être co-construits avec les apprenants par l’observation de stratégies existantes :
- les dispositifs de communication professionnelle choisis pour atteindre les objectifs de communication,
- la qualité des messages,
- la pertinence des médias choisis, dont les médias sociaux et la communication sur le web,
- l’exhaustivité des publics ciblés,
- le respect des cadres réglementaires (RGPD, RGAA, droits d’auteur, droit de l’image, données sensibles et
majorité/minorité numérique...)"

RAPPEL

BTSA TRONC COMMUN ACTIVITE PLURIDISCIPLINAIRE "Communication professionnelle"

RGAA : le guide simplifié

Le guide est disponible ici :

https://www.culture.gouv.fr/thematiques/transition-ecologique/guide-pour-une-communication-numerique-responsable
6 points à étudier :

• Avoir une utilisation pertinente et sobre des canaux de communication
  • Ne pas utiliser de très grand écran : trop consommateurs d'eau et d'électricité pour leur fabrication
  • Réfléchir à sa stratégie de présence sur les réseaux sociaux : lesquels sont pertinents en fonction du public visé, de la durée de vie du contenu ... et de ses valeurs ?
  • Proposer une infolettre aux utilisateurs qui y ont souscrit
  • Avoir un site web bien conçu : https://designersethiques.org/fr/thematiques/ecoconception/guide-d-ecoconception

• Proposer un contenu utile
  • Mettre en ligne un contenu judicieux
  • Proposer un contenu clair
  • Proposer un contenu de qualité

• Réduire le poids des images en ligne
  • tendre vers un poids d'image proche de 50 Ko
  • utiliser les outils sur MacOs (Aperçu) et sur Windows (Paint), en ligne avec Caesium

• Diminuer l'usage de la vidéo
  • réserver l'usage de la vidéo aux teasers
  • désactiver la lecture automatique
  • privilégier l'audio
  • limiter la qualité de la vidéo à 720 p
  • compresser les fichiers vidéos : logiciel libre VLC ou Handbrake, en ligne avec compresservideo.fr

• Veiller à l'accessibilité
  • utiliser une police lisible
  • avoir des balises de titres clairement identifiés
  • intégrer un texte alternatif
  • avoir un contraste suffisant
  • sous titrer les contenus vidéos

Le site RosePrimaire donne des checklist pour s'y retrouver : https://roseprimaire.com/checklists/

• Penser la fin de vie du contenu
  • réévaluer la pertinence des contenus en ligne
  • supprimer les contenus : stocker hors ligne, vider les archives, supprimer les stories, ...

Un kit d'audit est disponible ici

: https://accessibilite.numerique.gouv.fr/ressources/kit-audit/
La partie « Évaluation de la conformité à la norme » du RGAA contient les instructions pour mener à bien l’audit d’un site internet, intranet ou extranet

Ara est un outil développé par la Dinum pour réaliser des audits de conformité au RGAA. Ara permet également la génération de rapport et de déclaration de conformité.Ara n’est pas un outil automatique. C’est un outil pour les expertes et experts en accessibilité numérique et nécessite une bonne connaissance des 106 critères du RGAA.

Le détail des critères et des tests : https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/

un site qui permet de présenter les conditions d'accessibilité à un lieu

acceslibre, la plateforme collaborative qui permet d'indiquer les conditions d'accessibilité à un lieu (établissement scolaire, CDI, espace de restauration, exploitation agricole, atelier technologique) et qui permet de trouver facilement les lieux accessibles, quels que soient les besoins des personnes en situation de handicap.

RGAA : ce que dit la loi

Les documents :

Le décret paru au JO : https://www.legifrance.gouv.fr/loda/id/JORFTEXT000038811937/

La version 5 du RGAA est en cours de rédaction, avec une publication prévue fin 2026. Cette échéance ne remet pas en cause la pertinence des travaux de mise en accessibilité en cours ou à venir : ils ne doivent en aucun cas être suspendus ou reportés. Plus de détails sur le RGAA5.

Le référenciel pour tout comprendre :

Un résumé :

L’accessibilité numérique consiste à rendre les services de communication au public en ligne accessibles aux personnes en situation de handicap, c’est-à-dire :

• perceptibles : par exemple, faciliter la perception visuelle et auditive du contenu par l’utilisateur ; proposer des équivalents textuels à tout contenu non textuel ; créer un contenu qui puisse être présenté de différentes manières sans perte d’information ni de structure (par exemple avec une mise en page simplifiée)

• utilisables : par exemple, fournir à l’utilisateur des éléments d’orientation pour naviguer, trouver le contenu ; rendre toutes les fonctionnalités accessibles au clavier ; laisser à l’utilisateur suffisamment de temps pour lire et utiliser le contenu ; ne pas concevoir de contenu susceptible de provoquer des crises d’épilepsie

• compréhensibles : par exemple, faire en sorte que les pages fonctionnent de manière prévisible ; aider l’utilisateur à corriger les erreurs de saisie

• et robustes : par exemple, optimiser la compatibilité avec les utilisations actuelles et futures, y compris avec les technologies d’assistance.

Les compétences évoluent, les badges le montrent.

"

Replay - Déployer une culture du portfolio en établissement

Diaporama - Déployer une culture du portfolio en établissement

RETEX PORTFOLIO

IA : créer des exercices de révision avec CARAMEL (ELEA moodle)

Objectifs :

• Créer une activité, un exercice avec Caramel
• diffuser sur ELEA ou moodle

A vous de jouer (créer l'acitivité sur Caramel)

Il faut aller sur caramel :
https://caramel.forge.apps.education.fr/

Remplir les deux premières lignes en :

• mode rapide sans donner de pièce jointe avec un cours
• mode avancé on peut déposer un cours pour qu'il s'appuie dessus

Lancer la création de l'exercice de révision :

et le tour est jour : le tester ou le télécharger :

Diffusion sur ELEA ou moodle

Il faut aller dans un parcours ou cours et glisser déposer le fichier h5p dans la bonen section :


Et voilà le tour est joué :))

IA - EBP le Replay

IA : créer un média de révision

Objectifs :

• créer des média (audio, diapo, carte, vidéo etc.) afin d'aider à la révisio
• Proposer ces médias aux apprenant.e.s

Avec NotebookLM : créer un podcast, un diaporama, une infographie, ...

• se créer son notebook :

  

• ajouter des sources (les cours sur lesqules Notebook va s'appuyer):

  

• choisir son format de sortie :

- "Résumé audio" pour créer un podcast

• il faudra ensuite, en cliquant sur la flêche en haut à droite :
  • choisir le format du podcast : analyse approfondie, briefing, critique, débat
  • sélectionner la langue
  • sélectionner la longueur
  • ajouter les points sur lesquels l'IA doit insister ou ajouter ou .... ;
    • il propose des idées d'ajout
• cliquer, enfin, sur "Générer" ; attention c'est un peu long !

- "Présentation" pour créer un diaporama

• il faudra ensuite, en cliquant sur la flêche en haut à droite :
  • choisir le format du diaporama : détaillé ou pour le présentateur
  • sélectionner la langue
  • sélectionner la longueur
  • ajouter les points sur lesquels l'IA doit insister ou ajouter ou .... ;
    • il propose des idées d'ajout
  • cliquer, enfin, sur "Générer" ; attention c'est un peu long !

- "Fiches" pour créer des fiches de révision

• il faudra ensuite ....etc

- "Quiz" pour créer des quiz de révision

• il faudra ensuite ....etc

- "Infographie" pour créer un dessin commenté

• il faudra ensuite ....etc

Avec Mistral "Console": créer un audio de son cours

remarque : il s'agit d'un nouveau service, gratuit pour 5 000 mots : https://console.mistral.ai/home

pré-requis : il faut avoir un compte Mistral et s'être "abonné" gratuitement au service audio

• sélectionner "du texte à la parole" :

  

• sélectionner le type de format souhaité :

  

• choisir la voix (à droite en haut) :

  

• importer ou copier-coller le texte dans la zone centrale avant de "générer la parole"

avec TTSMaker : créer un audio de son cours

• se rendre sur le site : (https://ttsmaker.com)
• Normalement le site détecte votre environnement linguistique. Sinon sélectionnez-la manuellement dans le menu déroulant en haut à droite
• sélectionnez la voix féminine, masculine ou enfantine, avec un accent belge ou canadien, ... (le bouton exemple vous donne une idée + pensez à scroller pour voir toutes les voix)
• vous devrez saisir le code captcha
• ouvrez les paramètres pour sélectionner le format de sortie, la vitesse et la tonalité de la voix, le temps de pause entre paragraphe, ...
• copiez - collez le texte de votre cours numérisé :
  • 1 000 caractères par conversion, 20 000 caractères par semaine
  • vous pouvez insérer une pause (qui compte dans le nombre de caractères)
• vous devrez encore valider 2 fenetres avant de pouvoir "Convertir en parole"
• puis "Télécharger le fichier vocal"

IA : créer une page web avec un tableur

Objectif :

Se créer une page web à partir d'un tableur

outil :

une IA (Claude, Mistral, ...)

je vous propose :

• un tableur avec des données : ici, la liste des anciens étudiants d'un BTS
• le prompt ci dessous : bien évidemment, vous pourrez le corriger, compléter, adapter, ...etc

---

A vous de jouer (génération du fichier via l'ia)

A partir du fichier tableur joint, je souhaite que tu me génères un code HTML complet et fonctionnel pour une application simple de gestion des anciens étudiants, destinée à la gestion finale le jour J
Voici les spécifications détaillées :
Je veux les colonnes : nom (texte), prénom (texte), réponse enq (nombre), promotion (nombre), participation (case à cocher), repas (case à cocher), chèque (case à cocher), obtention BTS (liste de choix), situation actuelle (liste de choix), niveau d’étude (liste de choix)
Ajoute un bouton pour trier les noms de façon croissante
Ajoute un bouton pour trier les chèques de façon croissante
Ajoute un bouton « télécharger en CSV »
Colorie les cellules de la colonne « situation actuelle » en bleu si elle contient « autre »
Le style visuel :
Ajoute des bordures autour de chaque cellule avec border-collapse,
Utilise des bordures légères pour un look épuré
Le titre de la page sera « gestion des anciens étudiants »
Compatibilité :
Code HTML/CSS/JS autonome (pas de dépendances externes).
Fonctionne hors ligne après enregistrement sur l'ordinateur.
Contraintes :
Simplicité : Le code doit être copiable/collable dans un fichier .html et s'ouvrir directement dans un navigateur.
Accessibilité : Police lisible, couleurs contrastées, interface adaptée aux débutants.
Pas de base de données : Les données saisies ne doivent pas être stockées en ligne, seulement affichées à l'écran.
Livrable attendu :
Un fichier HTML unique (avec CSS et JS intégrés) prêt à l'emploi.
Un design responsive (adapté aux écrans d'ordinateur et tablettes).

---

Céation du fichier

• copier le code généré par votre IA
• ouvrir le bloc notes : Menu démarrer de votre ordinateur (en bas à gauche) puis toutes les applications
• coller le code
• Fichier => Enregistrer sous
• saisir le nom du fichier ET ajouter ".html" ; attention au dossier de rangement ...
• il ne reste plus qu'à réaliser un double clic sur le fichier pour qu'il s'ouvre dans le navigateur

Les résultats avec 3 IA :

• avec piag - Claude : Télécharger le fichier généré
• avec piag - Mistral : Télécharger le fichier généré
• avec piag - Perplexity : Télécharger le fichier généré

puis modifier l'extension du fichier avec le bloc-notes : il faut ajouter l'extention ".html"

IA : créer une page web de révision avec un texte

Objectif :

• se créer une pag web de révision, basée sur un cours
• diffuser cette page aux élèves (par exemple, sur le cahier de texte, la messagerie, ELEA, pronote, ...)

Outil :

une IA (Claude, Mistral, ...)
je vous propose :

• le cours de Marc A d'économie pour des élèves de CAPA SAPVER : Télécharger le cours en pdf
• le prompt ci dessous : bien évidemment, vous pourrez le corriger, compléter, adapter, ...etc

---

A vous de jouer (création de la page de révision)

A partir du fichier joint, je souhaite que tu me génères un code HTML complet et fonctionnel pour une application simple de révision de ce cours, destinée à des élèves de CAPA SAPVER dans l’enseignement agricole français.
Tu crées :
• 3 séries de questions pour chacun des paragraphes du document sous forme de QCM ou 1 réponse est fausse mais inspirée de la bonne réponse, une bonne réponse et une réponse humoristique inspirées du paragraphe
• Il doit y avoir 20 questions pour chaque série
• Aucun signe distinctif dans le texte de chaque question
• La bonne réponse est répartie équitablement entre la réponse 1, la réponse 2 et la réponse 3
• Ajoute un compteur de score en temps réel en haut
• Feedback immédiat avec affichage de la bonne réponse
• Barre de progression
• Ecran final de résultats avec score et message personnalisé
Voici les spécifications détaillées :
Compatibilité :

• Code HTML/CSS/JS autonome (pas de dépendances externes).

Fonctionne hors ligne après enregistrement sur l'ordinateur.
Contraintes :
Simplicité : Le code doit être copiable/collable dans un fichier .html et s'ouvrir directement dans un navigateur.
Accessibilité : Police lisible, couleurs contrastées, interface adaptée aux débutants, colorée et ludique
Livrable attendu :
Un fichier HTML unique (avec CSS et JS intégrés) prêt à l'emploi.
Une des 3 séries sera proposée de façon aléatoire lors de chaque ouverture du fichier
Un design responsive (adapté aux écrans d'ordinateur et tablettes).

---

A vous de jouer (diffusion de la page aux apprenant.e.s)

• Si vous avez utilisé claude vous pouvez télécharger directement le fichier html.

Créer le fichier HTML :

• copier le code HTML (entre des balise <>) généré par votre IA
• ouvrir le bloc notes : Menu démarrer de votre ordinateur (en bas à gauche) puis écrire Note
• coller le code dans le bloc-notes
• Fichier => Enregistrer sous
• saisir le nom du fichier ET ajouter ".html" ; attention au dossier de rangement ...
  • Télécharger le fichier puis modifier l'extension du fichier avec le bloc-notes : il faut ajouter l'extention ".html"
• il ne reste plus qu'à réaliser un double clic sur le fichier pour qu'il s'ouvre dans le navigateur

Diffuser sur Pronote

• Il faut glisser le fichier dans le cahier de textes

Diffuser la page sur moodle ou ELEA :

• aller sur ELEA/moodle
• aller dans votre parcours/cours
• glisser déposer le fichier HTML dans la section du parcours de votre choix ou faire créer une ressource - dépôt de fichier

moodea - exemples

Quelques exemples de lycées ou réseaux qui sont sur moodea :

Autres exemples :

moodea - présentation

MOODEA, la solution packagée pour vos plateformes de formation

https://moodea.cnerta-web.fr/

Basée sur l’outil Open Source Moodle utilisé par une grande communauté, la solution MOODEA vous offre de nombreux outils permettant de créer des activités pédagogiques individuelles ou collaboratives variées intégrant de fortes interactions enseignants-apprenants.

Moodle développe l’individualisation des apprentissages, l’autonomie et la motivation des apprenants.

Cette solution s’adapte à tous les supports (mobile, tablette, ordinateur…).

Diaporama bie tôt disponile ici

la Digitale.dev - A tester pour se faire une idée

A tester :

crer des design : digidesign

Bac à sables :

digiboard : https://digiboard.app/b/5c50b5bcea98e8
digiPAD : https://digipad.app/p/1645109/9bebbbfb2a69b

la Digitale.dev - Les incontournable (PDF, qrcode, youtube, floutage)

La gestion des PDF

La doc

Créer un QRCODE

La doc

Enlever les pub de Yoytube

La doc

Flouter des visages

La doc

Visios : le replay

Le replay - Podcast en lycée agricole

Ressources pour les podcasts en lycée agricole

Guide du podcaster by acoustice

Téléchargez le guide

Podcasts réalisés par les apprenants

Le podcast environnement du lycée agricole de Sées
https://www.instagram.com/seesnotreterreetavenir/

Podcasts avec des apprenants

Podcast accompagné par Florac
Projet Homo Faber par les BTS ACSE du campus métiers nature de Coutances

Podcast en lycée agricole - le diaporama

Canal SOS PODCAST par Phil Petitqueux