Le Centre collégial de développement de matériel didactique, administré par le Collège de Maisonneuve, produit des ressources et des outils de formation web pour les enseignants et les étudiants du réseau collégial du Québec. Quand Adobe Flash est mort, plusieurs de leurs jeux interactifs sont devenus inutilisables. On les a refaits — plus beaux, plus rapides, et accessibles à tous selon les normes WCAG 2.1 AA.
Les jeux interactifs du CCDMD avaient été construits avec Adobe Flash — une technologie qui n'est plus supportée par aucun navigateur web. Leur outil de formation Qui suis-je ? était rendu complètement inutilisable. Le CCDMD a fait appel à DevActif pour en faire la refonte.
Deux refontes en une : notre équipe n'a pas seulement modernisé la structure informatique du jeu — elle a aussi repensé complètement son design visuel. Le résultat conserve la mécanique pédagogique qui fonctionnait, dans une application web que les étudiants ont réellement envie d'utiliser.
Qui suis-je ?vise à enrichir le vocabulaire des étudiants en distinguant des paronymes et des mots de sens voisin : 6 modules d'exercices de 20 paires de mots chacun. DevActif a programmé l'entièreté de l'outil — incluant une interface d'administration qui permet au CCDMD de changer facilement le contenu du jeu-questionnaire de chaque module.
Une navigation accessible pour tous : le jeu se comprend en quelques secondes, sans mode d'emploi.
Un jeu-questionnaire interactif et plaisant qui pousse les étudiants à assimiler de nouvelles connaissances sans s'en rendre compte.
Téléphone comme ordinateur, l'outil de formation est accessible partout. Aucune excuse pour ne pas se pratiquer !
Développé selon les normes WCAG 2.1 de niveau A et AA et le standard SGQRI 008 2.0 : une égalité d'accès pour des personnes de toutes capacités.
Le CCDMD applique le standard SGQRI 008 du gouvernement du Québec — les règles WCAG 2.1 de niveau A et AA — et valide ses sites avec les lecteurs d'écran NVDA sur Chrome et VoiceOver sur Safari. Sur un texte et des liens, c'est réglé en quelques réflexes. Sur un jeu, chaque mécanique d'interaction est un problème neuf. Le CCDMD reconnaît d'ailleurs lui-même que certains jeux ne peuvent pas toujours être rendus complètement accessibles.
Dans Familles, les mots à classer ne sont pas de simples pastilles colorées : chacun porte son étiquette (« Mot onéreux », « Mot alléchant »), et la progression s'annonce « Essai 1 sur 3 ». Le lecteur d'écran décrit la partie en cours, pas un tas de boutons sans nom.
Une région aria-live assertive diffuse le résultat de chaque tentative. L'étudiant qui n'a pas l'écran devant lui apprend en même temps que les autres s'il vient de réussir ou non.
Sur des fonds marine, verts ou corail, un contour de focus par défaut devient vite illisible. Chaque jeu porte le sien, dessiné pour rester visible sur sa propre palette.
Le glisser-déposer est l'interaction qu'on abandonne habituellement quand vient le temps de rendre un jeu accessible. Elle suppose un pointeur, une trajectoire, une cible — trois choses qu'un clavier n'a pas.
Dans Familles, chaque mot embarque son propre chemin de rechange : des commandes « Déplacer vers Famille 1, 2, 3 », invisibles à l'écran, offertes uniquement au clavier et aux technologies d'assistance. Le jeu se termine donc de deux façons, et les deux mènent au même score.
Le CCDMD offre une panoplie de jeux pédagogiques web sur son site. Après Qui suis-je ?, DevActif a participé à la refonte de plusieurs d'entre eux — chacun avec sa propre personnalité visuelle, tous bâtis sur la même fondation moderne et accessible.
Distinguer des paronymes et des mots de sens proche — 6 modules de 20 paires de mots.
Regrouper des ensembles de 18 mots en familles, par proximité de sens.
Trouver des paires de synonymes du premier coup pour progresser dans le jeu.
DevActif a réalisé ce projet avec brio tout en respectant l'échéancier prévu. Je n'hésiterai pas à faire affaire avec eux de nouveau !
👋 Salut, ici Marc-André !
Rendu ici, vous en savez déjà pas mal sur nous. On aimerait bien vous connaître à notre tour.
Pas de pitch, pas de pression : juste une bonne conversation sur ce que vous bâtissez, ce qui vous bloque, ce qui vous allume. Trente minutes, autour d'un café virtuel. ☕