Conseils pour la conception de cours en ligne

Conseils et astuces pour rédiger, concevoir et développer des cours en ligne

Conseils pour la rédaction

Les titres de pages sont informatifs et uniques
Les titres sont utilisés pour transmettre le sens et la structure
Le texte des hyperliens est significatif
Les descriptions alternatives pour les images sont significatives
Les transcriptions et les légendes pour les éléments multimédias sont disponibles
Les instructions pour les éléments interactifs sont claires
Des instructions pour aider les utilisateurs à prévenir et à corriger les erreurs sont fournies
Le contenu est clair, concis et utilise un langage simple
L’ordre de lecture est bien identifié (pour le concepteur graphique et le développeur)

La couleur n‘est pas le seul indicateur pour transmettre l'information
Les éléments interactifs sont faciles à identifier visuellement et quand le focus est placé sur les éléments
Les options de navigation sont claires et cohérentes dans toutes les sections
Les vidéos ne démarrent pas automatiquement. Toutes les commandes vidéo sont visibles en tout temps et correctement étiquetées
Les éléments d’un formulaire comportent des étiquettes clairement associées
Les rétroactions sont facilement identifiables
Les titres et l'espacement sont utilisés pour regrouper le contenu connexe
Les instructions et les champs obligatoires sont clairement identifiés afin d’aider les utilisateurs à prévenir les erreurs
Les messages d'erreur sont courts, clairs et spécifiques pour permettre aux utilisateurs de comprendre et de corriger les erreurs
Des descriptions alternatives pour les images et les médias sont présentées aux utilisateurs

Utiliser la bonne taille pour le texte, généralement 12 pt pour le contenu Web et PDF, et 18 pt pour les documents PPT
Le contraste est suffisant entre l'avant-plan et l'arrière-plan
Les étiquettes pour chaque contrôle de formulaire sont bien associées
Les descriptions alternatives pour les images sont toutes bien programmées; le texte alternatif de l'image décorative est défini sur des guillemets vides comme <alt= "">
La langue de la page et les changements de langue sont bien identifiés à l’intérieur de la page (par exemple, du contenu en anglais dans une page en français)
Aider les utilisateurs à éviter et à corriger les erreurs en fournissant des instructions claires
Des indications sont utilisées pour transmettre le sens et la structure
L'ordre du code est cohérent avec l'ordre de lecture
Le design est réactif et mobile avant tout
Le code utilisé s'adapte à la technologie de l'utilisateur
Tous les éléments interactifs sont accessibles à l’aide du clavier