Vue d'ensemble
L'éditeur audite en continu la leçon que vous modifiez selon un large ensemble de vérifications WCAG 2.2. Au fur et à mesure que vous ajoutez ou modifiez des Bricks, les problèmes apparaissent à deux endroits :
- Un badge sur chaque Brick concerné — rouge pour les erreurs, ambre pour les avertissements — avec une infobulle résumant le premier problème.
- Le bouton Accessibilité dans la barre d'outils — affiche le total agrégé de la leçon et ouvre le panneau d'accessibilité.
La vue du cours affiche également un badge par leçon avec les totaux de chaque leçon, calculés côté serveur à partir du dernier état enregistré.
Les vérifications sont purement informatives : elles ne bloquent jamais l'enregistrement, l'export ou la publication.
Le panneau d'accessibilité
Le panneau liste chaque problème regroupé par Brick, dans l'ordre de la leçon. Chaque entrée affiche :
- Ce qui ne va pas — par ex. « L'image n'a pas de texte alternatif », avec le critère de succès WCAG correspondant.
- Comment le corriger — des conseils concrets de remédiation.
- Boutons de correction — quand une correction sûre en un clic existe (voir ci-dessous).
Cliquer sur le titre d'un groupe fait défiler l'éditeur jusqu'à ce Brick.
Ce qui est vérifié
| Zone | WCAG | Vérifications |
|---|---|---|
| Texte alternatif | 1.1.1 | Chaque emplacement d'image actif dans tous les types de Bricks (y compris les éléments de galerie/carrousel, les faces de flashcards, les paires d'association, les avatars de dialogue, les images de jeux, les couvertures de carrousel). Un alt vide = explicitement décoratif et est valide. Les textes alternatifs ressemblant à des noms de fichiers ou dépassant 150 caractères sont signalés. |
| Vidéo | 1.2.2 / 1.2.3 | Les vidéos auto-hébergées nécessitent un fichier de sous-titres (erreur). Les vidéos hébergées sur une plateforme (YouTube/Vimeo) reçoivent un rappel de vérifier les sous-titres sur la plateforme. L'absence de transcription est un avertissement. |
| Audio | 1.2.1 | Les Bricks audio et les médias audio nécessitent une transcription. L'audio des lignes de dialogue est exempté — le texte de la ligne est sa propre transcription. |
| Titres | 1.3.1 / 2.4.6 | Sauts de niveau (h2 → h4), titres de premier niveau dupliqués (le titre de la leçon est déjà rendu comme titre de page), titres vides, et leçons longues sans aucun titre. |
| Tableaux | 1.3.1 | Tableaux sans ligne ou colonne d'en-tête (erreur) ; cellules fusionnées (avertissement). |
| Contraste | 1.4.3 | Couleurs de texte et de titre effectives par rapport à l'arrière-plan effectif, en résolvant toute la cascade : couleurs du thème → styles par type → surcharges de conteneur par Brick → marques de couleur/surlignage en ligne dans le texte enrichi. Les grands titres utilisent le seuil de 3:1. |
| La couleur comme seul indice | 1.4.1 | Séries de graphiques ou catégories de trivia aux couleurs presque identiques. |
| Liens | 2.4.4 | Liens sans texte, texte générique (« cliquez ici », « aquí », …), ou une URL brute comme texte. |
| Éléments intégrés | 4.1.2 | Iframes sans titre accessible (renseignez le champ Titre accessible dans les paramètres d'intégration). |
Corrections en un clic
Les problèmes avec une correction déterministe sûre proposent un bouton qui l'applique directement (une seule étape d'annulation) :
- Marquer comme décoratif — définit un alt vide explicite.
- Corriger le niveau de titre — définit le niveau attendu par la hiérarchie.
- Activer la ligne d'en-tête — pour les tableaux sans en-têtes.
- Utiliser le nom du personnage — comme texte alternatif de l'avatar de dialogue.
Les problèmes de contraste incluent une couleur de remplacement suggérée dans le message — la couleur la plus proche de votre palette de thème qui réussit le test, ou une nuance ajustée de la couleur actuelle. Les couleurs au niveau du thème se corrigent dans l'éditeur de thème, ainsi un seul changement corrige tout le cours.
Générer un texte alternatif avec l'IA
Les problèmes d'image proposent Générer l'alt avec l'IA. L'image est envoyée au modèle que votre organisation a choisi pour le Traitement de texte (voir Modèles d'IA), qui renvoie une courte description dans la langue du contenu. La suggestion apparaît dans un champ modifiable — rien n'est écrit tant que vous ne l'appliquez pas. Chaque génération est facturée en Crédits, comme les autres fonctionnalités d'IA.
Limites
- Les arrière-plans utilisant des dégradés, images ou CSS personnalisé ne peuvent pas être vérifiés automatiquement pour le contraste. Ils affichent à la place un simple avertissement « non vérifiable » plutôt que de deviner — vérifiez-les manuellement.
- Les badges par leçon dans la vue du cours reflètent le dernier état enregistré, ils peuvent donc avoir un léger retard de quelques secondes sur vos dernières modifications.
- Les Bricks de jeux (mots cachés, pendu, …) sont intrinsèquement visuels/interactifs ; le vérificateur valide leurs images et leurs textes, mais la mécanique de jeu elle-même peut nécessiter une revue d'accessibilité manuelle.
Vérifier et corriger via MCP
Le même vérificateur est accessible aux assistants IA connectés via le serveur MCP : audit_content_accessibility / audit_lesson_accessibility renvoient le rapport, apply_accessibility_autofix applique une correction, et generate_accessibility_alt_text suggère un texte alternatif pour les images. Utile pour une passe pilotée par conversation du type « vérifie l'accessibilité de ce cours et corrige ce que tu peux ».