Module 4 - CONSTRUIRE

Mise en œuvre numérique

5. Garantir l’accessibilité et la convivialité

5.1 Lisibilité

  1. Placez les instructions dans un encart (ne placez pas le texte directement sur des images chargées).
  2. Rédigez des instructions concises : une action ou un objectif par phrase.
  3. Évitez le texte en italique, souligné ou justifié. Utilisez le gras et alignez à gauche.
  4. Veillez à ce que tout le texte utilise un interligne compris entre 1,4 et 1,5.
  5. Utilisez des polices claires et sans empattement (telles qu’Arial, Century Gothic, Open Dys).
  6. Utilisez une taille de police adéquate : au moins 18 pt pour le corps du texte et 24 pt pour les titres et les boutons. Ne descendez pas en dessous de 16 pt si votre jeu est joué sur des téléphones.
  7. Évitez les longs paragraphes et utilisez des puces autant que possible.


Conseils et astuces : Si vous devez ajouter un texte plus long, ne le dévoilez qu’en cas de besoin (via un bouton « En savoir plus »).

5.2 Couleur et contraste

  1. Évitez d’utiliser du texte ou des objets clairs sur un arrière-plan clair ou chargé. Privilégiez des couleurs plus foncées pour les éléments au premier plan.
  2. Vérifiez que les couleurs, en particulier entre les éléments clés, présentent un contraste suffisant (utilisez des outils tels que WebAIM Contrast Checker). Visez un contraste d’au moins 4,5:1 pour le texte normal et de 3:1 pour le texte en gros caractères.
  3. Évitez les signaux uniquement en rouge et vert (qui présentent un risque pour les personnes daltoniennes).
  4. Utilisez des symboles en plus du texte, et non la couleur seule, pour les indices clés ou les éléments d’énigme. Par exemple : « Déverrouillé ✓ » ou « Réessayer ✗ ».

5.3 Solutions alternatives audio et visuelles

  1. Évitez les effets sonores ou les animations superflus ; ne conservez que les éléments pertinents et utiles (ils ne doivent pas être indispensables pour résoudre les énigmes).
  2. Activez l’option « Zoom » dans les paramètres « Préférences » afin de permettre aux joueurs malvoyants d’examiner de plus près les éléments clés.
  3. Si vous ajoutez une narration audio, ajoutez également la transcription sous forme de texte.
  4. Si vous ajoutez un indice vidéo ou visuel, rédigez également les informations clés sous forme de texte.

5.4 Surcharge cognitive

Règles de conception adaptées aux débutants

  • Un seul objectif principal par écran.
  • 3 à 7 éléments cliquables au maximum sur les écrans destinés aux débutants.
  • Fournir à tout moment une instruction visible du type « Que dois-je faire ? ».

Structure utile

  • Une zone « Votre tâche » pour identifier facilement les instructions.
  • Une zone « Indices trouvés » pour confirmer les étapes correctes et clarifier le processus.
  • Bouton « Aide » pour fournir des conseils adaptés en cas de difficulté.

5.5 Compatibilité avec les appareils

  1. Effectuez un aperçu sur un ordinateur portable, un téléphone et une tablette pour vous assurer que les fonctionnalités, les dimensions et les interactions sont adaptées à tous les appareils potentiels.
  2. Vérifiez :
    • Les boutons sont-ils suffisamment grands pour une utilisation tactile ?
    • Le texte est-il lisible sans zoom ?
    • Les fenêtres pop-up s’affichent-elles correctement à l’écran ?
  3. Si l’utilisation sur mobile est fréquente, simplifiez :
    • Moins de zones interactives minuscules.
    • Moins de tâches de glisser-déposer.
    • Texte et boutons plus grands.

Activité : Vrai ou Faux

Déterminez si les affirmations sont vraies ou fausses.

Regardez la vidéo

Dans cette vidéo, vous trouverez un résumé de la partie 5 de ce module.

Cliquez ici pour accéder à la partie 6 de ce module.