Conseils pour la conception de 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)

Conseils pour la conception

• 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

Conseils pour le développement

• 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