Conseils de conception de tableaux de bord accessibles (Studio)
À 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.
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.
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
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.
- Cliquez sur Modifier en haut à droite du tableau de bord pertinent.
- Développez le menu d’actions dans le coin supérieur droit du widget pertinent et cliquez sur Modifier.
- Dans la fenêtre Modifier l’indicateur, sélectionnez l’onglet Propriétés.
- 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.