Passer au contenu principal
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Conseils de conception de tableaux de bord accessibles (Studio)

Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!

À propos des conseils pour un Dashboard Design accessible dans Studio

Qualtrics s’engage à vous aider à créer et à gérer du contenu accessible pour les lecteurs de votre tableau de bord. Voici quelques conseils rapides pour créer des tableaux de bord plus accessibles dans Studio !

Conception pour écrans plus petits

Les tableaux de bord Studio s’adaptent de manière réactive pour une variété de tailles d’écran, mais certaines mises en forme s’adaptent plus facilement aux vues plus petites que d’autres. La conception de vos tableaux de bord avec une mise en page à une ou deux colonnes permet de s’assurer que le contenu n’est pas considérablement enveloppé ou tronqué.

Utiliser des alternatives de texte pour les images et les visualisations de données

Les alternatives de texte pour les images fournissent aux utilisateurs malvoyants ou non voyants une description de tout contenu visuel sur vos tableaux de bord. Lorsque vous modifiez votre tableau de bord, vous pouvez ajouter du texte et des descriptions d’image alternatifs à vos widgets d’image et à vos visualisations de données. Pour plus d’informations sur la modification des descriptions de widgets, consultez la section Modifier la description d’un widget de visualisation ci-dessous.

Les bons titres d’image alt sont spécifiques et concis. Décrivez l’image, le logo ou les symboles de la manière la plus succincte possible tout en fournissant une explication robuste de l’image pour les utilisateurs qui ne sont pas en mesure de les voir. Un bon titre d’image alt est généralement inférieur à 125 caractères. Pour en savoir plus sur l’ajout de texte alternatif pour décrire une image afin de rendre votre tableau de bord plus accessible aux utilisateurs qui s’appuient sur un lecteur d’écran, veuillez consulter la page Widget d’image.

Inclure des descriptions longues pour les images complexes ou les visualisations de données

Les diagrammes, graphiques et diagrammes contiennent des informations substantielles qui ne peuvent pas être véhiculées dans un court titre d’image alt. En plus d’un titre descriptif, XM Discover génère automatiquement des descriptions longues dynamiques pour tous les widgets, à l’exception des types de widgets de contenu. Ces descriptions résument les points de données essentiels et soulignent les informations pertinentes que la visualisation est destinée à communiquer. Pour plus d’informations sur la modification de ces descriptions, voir la section Modification d’une description dans un widget de visualisation ci-dessous.

Ne pas utiliser les images comme texte

Lorsque le texte est aplati dans une image, il ne peut pas être “crawled” ou lu par des lecteurs d’écran et d’autres technologies d’assistance. Au lieu d’images, utilisez notre widget de bloc de texte et nos styles d’en-tête (H1, H2, H3, etc.) pour intégrer une structure sémantique au contenu de vos tableaux de bord. Si vous souhaitez afficher l’organisation d’un modèle de catégorie ou d’une rubrique sur votre tableau de bord, utilisez le widget de visualiseur d’objets au lieu d’insérer des captures d’écran.

Utiliser la couleur, la taille et la position pour transmettre les informations

Soyez réfléchi dans votre utilisation de la couleur, de la taille et de la position des éléments pour transmettre des informations. Les visualiseurs de tableaux de bord doivent être en mesure de comprendre le contenu sans s’appuyer uniquement sur des caractéristiques sensorielles.

Exemple :

  • Les widgets de référence par nom au lieu de leur position sur le tableau de bord (par exemple, “le widget à droite” n’est pas significatif pour un utilisateur souffrant de déficience visuelle).
  • Différenciez les points de données avec des étiquettes plutôt qu’avec une couleur seule.

Palettes de couleurs personnalisées

Vous pouvez créer et gérer les palettes de couleurs utilisées dans les tableaux de bord Studio.
Palettes de couleurs

Remplissages de modèle et mode sombre

Les utilisateurs avec différents niveaux de capacité visuelle peuvent appliquer des remplissages de modèles ou choisir un thème de couleurs d’aperçu pour les tableaux de bord et les livres.

Astuce Qualtrics : ces paramètres sont propres à l’utilisateur. Les autres utilisateurs qui consultent le même tableau de bord ou le même classeur ne verront pas les remplissages de modèles appliqués ou le thème de couleurs d’aperçu.

Couleurs de métriques conditionnelles

Vous pouvez facilement mettre à jour vos couleurs de mesure à partir de la page Métriques Studio. Lorsque vous apportez des modifications, n’oubliez pas que cela affectera la vue pour tous les utilisateurs de votre organisation. Pour les métriques XM Discover telles que le sentiment et l’effort, des icônes sont intégrées pour compléter les couleurs représentatives, réduisant ainsi la dépendance à la couleur comme seule source d’informations.

Ne pas surcharger les tableaux de bord

Gardez vos tableaux de bord aussi simples que possible pour vous assurer que le contenu et l’interactivité sont compréhensibles et navigables pour tous les utilisateurs.

Modification d’une description de widget de visualisation

Astuce Qualtrics : l’option permettant de modifier une description n’est pas disponible pour les types de widgets de contenu.

XM Discover génère automatiquement des descriptions longues dynamiques pour les widgets de visualisation. Ces descriptions modifiables résument les points de données essentiels et soulignent les informations pertinentes que la visualisation est censée communiquer.

Astuce Qualtrics : pour en savoir plus sur l’ajout d’un texte alternatif pour décrire une image afin de rendre votre tableau de bord plus accessible aux utilisateurs qui dépendent d’un lecteur d’écran, consultez la page Widget d’image.
  1. Cliquez sur Modifier en haut à droite du tableau de bord pertinent.
    Cliquez sur Modifier en haut à droite du tableau de bord pertinent.
  2. Développez le menu d’actions dans le coin supérieur droit du widget pertinent et cliquez sur Modifier.
    Développez le menu dactions dans le coin supérieur droit du widget pertinent et cliquez sur Modifier.
  3. Dans la fenêtre Modifier l’indicateur, sélectionnez l’onglet Propriétés.
    Dans la fenêtre Modifier lindicateur, sélectionnez longlet Propriétés. Modifier la description dans la zone Description
  4. Modifiez la description dans la zone Description (jusqu’à 1 000 caractères).
    Astuce Qualtrics : pour plus d’informations sur les descriptions, consultez la section Inclure des descriptions longues pour les images complexes ou les visualisations de données ci-dessus.
    Astuce Qualtrics : pour obtenir des conseils sur la rédaction de descriptions accessibles pour les graphiques interactifs, consultez le guide de Highchart sur la manière d’écrire des descriptions accessibles pour les graphiques interactifs.

De nombreuses pages de ce site ont été traduites de l'anglais en traduction automatique. Chez Qualtrics, nous avons accompli notre devoir de diligence pour trouver les meilleures traductions automatiques possibles. Toutefois, le résultat ne peut pas être constamment parfait. Le texte original en anglais est considéré comme la version officielle, et toute discordance entre l'original et les traductions automatiques ne pourra être considérée comme juridiquement contraignante.