Résumé de section

  • Passons à la pratique avec cette série d'exercices qui consiste à vérifier et corriger un diaporama. Cette évaluation compte pour la complétion du cours !

    20 minutes de travail

    • Présentation

      L'objectif de l'évaluation consiste en la vérification et la correction des problèmes d'accessibilité liés à la couleur sur un diaporama fictif. 

      Il y a 5 diapositives à corriger. Il faut réussir les exercices demandés sur la diapositive actuelle pour débloquer la suivante.

      Pour cette évaluation, vous aurez besoin :

      1. D'un outil pipette pour prélever la couleur. Vous pouvez installer Colorzilla si vous êtes sur Chrome. Si vous utilisez Firefox, nous vous conseillons d'utiliser la pipette proposée dans le menu du navigateur (voir la section ci-dessus "Boîte à outils > Mozilla pipette à couleurs").
      2. D'un outil de vérification du ratio de contraste. Comme nous l'avons vu, il y en a plusieurs. Vous pouvez utiliser WebAIM Contrast Checker qui offre des résultats détaillés (prend en compte la taille des textes et les éléments graphiques/composants). Notez que peu importe l'endroit où vous entrez le code couleur ("Foreground" ou "Background"), cela revient à la même chose.

      Pour la vérification des contrastes, fiez-vous d'abord à votre ressenti. Vous n'êtes pas obligé de vérifier toutes les combinaisons, privilégiez celles qui vous semblent problématiques et pour lesquelles vous avez un doute !

    • Diapo 1

      Selon vous, cette diapositive contient-elle un problème de contraste ? Et si oui, sur quel élément ?

      Utilisez la pipette pour vérifier le ratio de contraste du texte par rapport aux couleurs de fond.

      Informations importantes
      Voici la taille de police pour le texte :

      • Les secrets d'une bonne nuit de sommeil : 35px ;
      • Guide pratique pour mieux dormir : 30px ;
      • Février 2025 ; 16px.
      Les secrets d'une bonne nuit de sommeil

      Guide pratique pour mieux dormir

      Février 2025

      Vous avez réussi ? Passez à la diapo suivante en cliquant sur le bouton ci-dessous (nécessite d'être inscrit au cours).

      Passer à la diapo 2