Produire du contenu responsable dans les sites web

Retrouvez nos (46) bonnes pratiques :

• Veiller à ce que les couleurs ne soient pas le seul moyen pour véhiculer de l'information

  • Accessibilité

  • Texte
  • Image
  • Vidéo
• Utiliser l'écriture non-sexiste, non genrée ou épicène

  • Éthique

  • Texte
• Renseigner un titre principal (<title>) unique et précis sur chaque page

  • Accessibilité

  • Texte
• Veiller à ce que les contrastes entre le texte et la couleur d'arrière-plan soient suffisants

  • Accessibilité

  • Texte
  • Image
  • Vidéo
• Écrire des intitulés de liens explicites

  • Accessibilité

  • Texte
• Préciser lorsqu'un lien ouvre une nouvelle fenêtre

  • Accessibilité

  • Texte
• Indiquer les mots dans une autre langue que le français

  • Accessibilité

  • Texte
• Ne pas faire référence à un élément en se basant uniquement sur sa couleur, sa taille, sa forme ou sa position

  • Accessibilité

  • Texte
• Utiliser les caractères accentués

  • Accessibilité

  • Texte
• Produire des informations faciles à lire et à comprendre

  • Accessibilité

  • Texte
• Utiliser les émojis avec parcimonie. Ne pas les utiliser pour remplacer des mots, des chiffres, de la ponctuation.

  • Accessibilité

  • Texte
• Éviter de répéter le même émoji plus d'une fois

  • Accessibilité

  • Texte
• Fixer une durée de vie à vos publications

  • Sobriété

  • Texte
  • Image
  • Vidéo
• Déclarer les citations en ligne et les blocs de citations comme telles

  • Accessibilité

  • Texte
• Le soulignement est réservé aux liens

  • Accessibilité

  • Texte
• Utiliser correctement la hiérarchie des titres

  • Accessibilité

  • Texte
• Utiliser correctement les listes à puces et listes numérotées

  • Accessibilité

  • Texte
• Expliciter les sigles

  • Accessibilité

  • Texte
• Ne pas justifier le texte

  • Accessibilité

  • Texte
• Les liens sont visuellement différenciés du reste du contenu

  • Accessibilité

  • Texte
• Ne pas utiliser un tableau pour mettre en forme du texte

  • Accessibilité

  • Texte
• Se poser la question du format de l’image et son contexte de diffusion

  • Sobriété

  • Image
• Optimiser le poids des images

  • Sobriété

  • Image
• Lutter contre les discriminations et les stéréotypes et promouvoir la diversité

  • Éthique

  • Image
• Respecter les droits d'utilisations

  • Éthique

  • Image
  • Vidéo
• Rédiger une alternative textuelle pour les images informatives

  • Accessibilité

  • Image
• S’assurer que les images décoratives ont une alternative vide

  • Accessibilité

  • Image
• Rédiger un court texte de remplacement ainsi qu’une description détaillée pour les informations longues ou complexes à décrire (graphiques, infographies...)

  • Accessibilité

  • Image
  • Graphique
• Rédiger un texte de remplacement qui décrit la fonction du lien pour les images liens

  • Accessibilité

  • Image
• Se poser la question si l'image est utile et indispensable à la compréhension du message ou du service

  • Sobriété

  • Image
• Se poser la question si la vidéo est utile et indispensable à la compréhension du message ou du service

  • Sobriété

  • Vidéo
• Fixer une durée de vie à la vidéo

  • Sobriété

  • Vidéo
• Optimiser la durée de la vidéo

  • Sobriété

  • Vidéo
• Réduire le poids de la vidéo

  • Sobriété

  • Vidéo
• Prévoir une transcription textuelle intégrale

  • Accessibilité

  • Vidéo
• Prévoir des sous-titres

  • Accessibilité

  • Vidéo
• Ne pas lancer la lecture automatique (autoplay) de la vidéo

  • Sobriété

  • Vidéo
• Prévoir une audio-description

  • Accessibilité

  • Vidéo
• Se poser la question si le contenu en mouvement est utile et indispensable à la compréhension du message ou du service.

  • Sobriété

  • Contenu animé
• Fournir un moyen à l'utilisateur de contrôler les contenus en mouvement si ceux-ci excèdent 5 sec.

  • Sobriété

  • Contenu animé
• Indiquer le format, le poids et éventuellement la langue de chaque fichier en téléchargement

  • Accessibilité

  • Fichier en téléchargement
• Faire un arbitrage entre la création d'un document bureautique en téléchargement et la création d'une page web offrant le même service

  • Accessibilité

  • Fichier en téléchargement
• Créer des documents bureautiques accessibles

  • Accessibilité

  • Fichier en téléchargement
• Créer une alternative aux documents non accessibles (pdf, carrousel LinkedIn)

  • Accessibilité

  • Fichier en téléchargement
• Préférer des polices de caractères système

  • Sobriété

  • Texte
• Écrire des phrases courtes

  • Accessibilité

  • Texte