Meilleures pratiques pour la conception d'applications accessibles

Les applications analytiques supportent plusieurs fonctions d'accessibilité. Les créateurs d'applications peuvent également prendre des mesures supplémentaires pour améliorer l'accessibilité et s'assurer que tous les utilisateurs peuvent accéder aux informations de leurs applications analytiques.

Les applications analytiques supportent les fonctions d'accessibilité suivantes :

• Jeux de couleurs par défaut à fort contraste

• Navigation au clavier et raccourcis clavier

  Navigation au clavier et raccourcis dans les applications

• Assistance de lecteur d'écran

  Utilisation de Qlik Sense avec un lecteur d'écran

Lorsque vous concevez des applications à des fins d'accessibilité, il est conseillé de suivre les meilleures pratiques de conception. En outre, il existe des paramètres d'applications spécifiques que vous pouvez utiliser pour rendre vos applications plus accessibles.

Meilleures pratiques de conception

En cas de conception à des fins d'accessibilité, suivez les meilleures pratiques suivantes :

• Gardez une structure de feuille plate

• Commencez par fournir une vue d'ensemble

• Utilisez des couleurs accessibles

• Sélectionnez des visualisations à des fins d'accessibilité

• Évitez la mise en récit

Gardez une structure de feuille plate

Lorsque vous ajoutez des visualisations à vos feuilles, utilisez une structure plate avec peu de colonnes et de lignes. Une structure plate améliore la lisibilité pour vos utilisateurs. En outre, cela facilite la navigation au clavier, qui s'effectue du coin supérieur gauche au coin inférieur droit.

Les dispositions de feuille complexes comportant de nombreuses colonnes et lignes sont à la fois plus difficiles à comprendre et à parcourir au clavier. Lorsque vous concevez une feuille, tentez de la parcourir à l'aide du clavier pour voir comment les utilisateurs peuvent percevoir votre application.

Commencez par fournir une vue d'ensemble

Lorsque vous créez des feuilles, commencez par fournir une vue d'ensemble, puis fournissez des détails. Cela permet aux utilisateurs de consommer plus facilement les informations contenues dans vos feuilles. Par exemple, commencez par fournir des résumés et des ICP dans vos feuilles, puis proposez des tableaux ou d'autres visualisations plus détaillés. Vous pouvez également placer les détails sur une autre feuille. Sinon, vous pouvez redimensionner la feuille de sorte qu'elle puisse défiler et ajouter des détails supplémentaires plus bas dans la feuille.

Pour plus d'informations sur la modification de la taille de feuille, consultez Modification des dispositions de feuille.

Sélectionnez les bonnes visualisations

Les applications analytiques fournissent une gamme de visualisations à utiliser dans le cadre de l'analyse. Certaines visualisations sont mieux adaptées que d'autres lors de la conception d'applications accessibles. Lors de la sélection des visualisations, gardez les points suivants à l'esprit :

• Utilisez des graphiques avec une vue des données

• Utilisez le tableau simple du Visualization bundle

• Évitez d'utiliser des graphiques de carte

• Évitez d'utiliser des objets personnalisés

Utilisez des graphiques avec une vue des données

Lors de la conception de votre application, utilisez des graphiques avec une vue des données. La vue des données permet aux utilisateurs de transformer le graphique en tableau, ce qui les aide à inspecter et à sélectionner les valeurs.

La vue des données est disponible dans les graphiques suivants :

• Graphique à barres
• Boîte à moustaches (incluant une ou plusieurs dimensions)
• Graphique combiné
• Diagramme de distribution
• Histogramme
• Graphique en courbes
• Graphique en secteurs
• Tableau croisé dynamique
• Nuage de points
• Treemap

Pour plus d'informations, consultez Affichage des données de visualisations.

Utilisez le tableau simple du Visualization bundle

Le tableau simple du Visualization bundle offre une meilleure expérience de navigation par rapport à la visualisation de tableau en cours. Lorsque vous ajoutez des tableaux à une application accessible, utilisez-le au lieu de la visualisation de tableau standard.

Pour plus d'informations, consultez Tableau simple.

Évitez d'utiliser des graphiques de carte

Il n'est pas possible de parcourir au clavier le graphique de carte. Lorsque vous créez des applications accessibles, pensez à recourir à d'autres moyens pour présenter vos données géographiques.

Évitez d'utiliser des objets personnalisés

Il se peut que les graphiques du Dashboard bundle ou du Visualization bundle, à l'exception du tableau simple, ne soient pas aussi accessibles que d'autres graphiques. Leur utilisation n'est pas recommandée dans les applications accessibles. En outre, si vous utilisez des extensions, testez-les pour confirmer qu'elles sont accessibles à vos utilisateurs.

Utilisez des couleurs accessibles

Pour les personnes atteintes d'une déficience visuelle liée aux couleurs, le spectre des couleurs est plus étroit. Ces personnes peuvent donc interpréter vos visualisations différemment de ce que vous souhaitiez. Par exemple, certains utilisateurs peuvent avoir des difficultés avec les rouges et les verts dans vos visualisations. Lorsque les couleurs ne sont pas suffisamment contrastées, les lignes, les barres et les secteurs peuvent être difficiles à distinguer.

Le mieux est d'utiliser une charte chromatique simple dans votre application. Les chartes chromatiques par défaut des applications comportent chacune 12 couleurs bien contrastées les unes par rapport aux autres. Il est préférable d'utiliser trois à cinq couleurs, si possible, voire une charte chromatique basée sur une seule couleur. Vous pouvez créer vos propres chartes chromatiques personnalisées et les utiliser dans toutes vos applications accessibles. Pour plus d'informations, consultez Création de thèmes personnalisés.

Vous pouvez également définir certaines couleurs manuellement, indépendamment des thèmes. Pour les dimensions, vous pouvez attribuer des couleurs aux valeurs des dimensions principales. Pour plus d'informations, consultez Attribution de couleurs aux valeurs des dimensions principales. Vous pouvez également utiliser des expressions pour définir les couleurs. Pour plus d'informations, consultez Définition des couleurs par expression. Pour plus d'informations sur les options de coloration des visualisations, consultez Ajout de couleurs à une visualisation.

Ajout de formes comme indicateurs de performance dans les ICP

Pensez à ajouter des formes comme indicateurs de performance dans vos ICP. Cela permet d'ajouter un contexte et de rendre vos ICP plus accessibles. Par exemple, vous pouvez utiliser un cercle vide de couleur rouge pour indiquer de mauvais résultats et un cercle plein vert pour indiquer de bons résultats, et un triangle comme symbole d'avertissement s'affichant uniquement lorsque le niveau d'un ICP n'est pas acceptable. Pour plus d'informations, consultez Ajout de formes aux ICP.

Évitez la mise en récit

Si les récits sont utiles pour présenter des découvertes, les feuilles sont quant à elles plus accessibles lors de la navigation au clavier et de l'utilisation de lecteurs d'écran. Dans les applications conçues à des fins d'accessibilité, il est préférable d'utiliser des feuilles pour présenter vos découvertes.

Paramètres des applications accessibles

Les applications analytiques disposent d'une plage de paramètres permettant d'améliorer l'accessibilité de vos applications.

Paramètres des feuilles

Il existe plusieurs paramètres que vous pouvez modifier dans vos feuilles pour améliorer l'accessibilité :

• Améliorez le contraste des titres des feuilles

• Désactivez le menu sensitif

Amélioration du contraste des titres des feuilles

Vous pouvez améliorer la visibilité des titres des feuilles en définissant leur style de sorte qu'ils contrastent avec vos feuilles.

Procédez comme suit :

1. Dans la barre de navigation de l'application, cliquez sur le titre de votre application.

2. Cliquez sur pour ouvrir les paramètres.

3. Sous Style de titre de feuille, ajustez vos paramètres de couleur pour améliorer le contraste.

Désactivation du menu sensitif.

La désactivation du menu déroulant permet une expérience de navigation plus fluide. Cela n'entraîne pas de perte de fonctionnalité, car les options sont également disponibles via le menu contextuel et les raccourcis clavier.

Procédez comme suit :

1. Dans la barre de navigation de l'application, cliquez sur le titre de votre application.

2. Cliquez sur pour ouvrir les paramètres.

3. Sous Aspect, désactivez Afficher le menu sensitif pour les visualisations.

Paramètres des graphiques

Certains graphiques comportent des options qui peuvent les rendre plus accessibles aux utilisateurs. Vous pouvez :

• Fournir des descriptions textuelles

• Limitez les valeurs des dimensions dans les visualisations

• Ajouter des formes aux ICP

Fourniture de descriptions textuelles

Les visualisations comportent des champs pour les titres, les sous-titres et les notes de bas de page. La fourniture de descriptions textuelles précises peut aider vos utilisateurs à naviguer dans vos visualisations et fournir un contexte à vos feuilles. Sans contexte, les utilisateurs peuvent mettre plus de temps à trouver les informations qui les intéressent dans vos feuilles. Les titres, les sous-titres et les notes de bas de page sont également tous lus par les lecteurs d'écran.

Limitez les valeurs des dimensions dans les visualisations

Lorsque vous travaillez avec des données nominales dans des dimensions, essayez de trouver des hiérarchies ou de procéder à des agrégations si le nombre de catégories est supérieur à 10. Par exemple, l'affichage des 10 premières valeurs, le reste étant classé dans la catégorie Autres, rend vos données plus faciles à comprendre et à lire à haute voix. Si vous avez besoin de détails complets, vous pouvez les inclure à la fin de la feuille ou sur d'autres feuilles.

Procédez comme suit :

1. En mode d'édition, cliquez sur Options avancées.

2. Sélectionnez une visualisation.

3. Dans le panneau des propriétés, sous Données, sélectionnez votre dimension.

4. Sous Limitation, sélectionnez l'une des limitations suivantes :

   • Nombre fixe : permet d'afficher les valeurs du haut ou du bas. Définissez le nombre de valeurs. Il est également possible d'utiliser une expression pour définir le nombre. Cliquez sur pour ouvrir l'éditeur d'expression.

   • Valeur exacte : permet de définir la valeur limite exacte à l'aide des opérateurs. Il est également possible d'utiliser une expression pour définir le nombre. Cliquez sur pour ouvrir l'éditeur d'expression.

   • Valeur relative : permet de définir la valeur limite relative en pourcentage à l'aide des opérateurs. Il est également possible d'utiliser une expression pour définir le nombre. Cliquez sur pour ouvrir l'éditeur d'expression.

Abréviation des nombres

La lecture, l'écoute et la compréhension des nombres longs peuvent être difficiles. Dans la mesure du possible, abrégez les nombres afin de limiter le nombre de chiffres et de décimales.

Vous pouvez utiliser des fonctions telles que Ceil et Round pour arrondir les nombres. Par exemple, si vous souhaitez arrondir les valeurs des mesures aux millions avec une décimale, vous pouvez utiliser =Round(Sum(Sales)/1000000, 0.1).

Pour plus d'informations, consultez :

• Ceil - fonction de script et fonction de graphique

• Round - fonction de script et fonction de graphique

Ajout de formes aux ICP

Si vous utilisez la coloration conditionnelle pour vos ICP, vous pouvez ajouter des symboles en plus des couleurs. Les symboles peuvent être utilisés pour fournir des indicateurs de performance supplémentaires.

Procédez comme suit :

1. Sélectionnez une visualisation d'indicateur KPI et basculez sur le panneau des propriétés en mode d'édition avancé.

2. Sélectionnez Aspect et développez Couleur.

3. Si nécessaire, désactivez Couleurs de la bibliothèque et activez Couleurs conditionnelles.

4. Cliquez sur Ajouter une limite pour créer une nouvelle limite. Il est possible d'ajouter plusieurs limites à un seul graphique d'indicateur KPI.

5. Spécifiez une valeur pour la limite ou saisissez une expression via l'éditeur d'expression.

6. Dans la barre de couleurs Valeur, cliquez sur la zone de plage de l'indicateur KPI à modifier.

7. Sous Couleurs, sélectionnez une couleur prédéfinie ou utilisez une couleur personnalisée.

8. Sélectionnez Symboles et le symbole qui s'affiche lorsque l'ICP est inférieur à la limite spécifiée.

Utilisation de titres dynamiques

Lorsque vous créez des visualisations, utilisez des titres dynamiques pour capturer l'essence du graphique. Au lieu de vous contenter d'un titre générique, pensez à créer une expression pour le titre fournissant des informations de manière dynamique en fonction des sélections de l'utilisateur.

Si vous utilisez l'analyse d'ensembles combinée avec max(), min(), rank() et correl() pour créer les titres, vous pouvez présenter des graphiques aux descriptions plus dynamiques.

Par exemple, cette visualisation a un titre statique.

Si des expressions dynamiques étaient ajoutées au titre et au sous-titre, le graphique exprimerait les informations de manière plus dynamique et fournirait davantage d'informations aux utilisateurs.

L'avantage des titres dynamiques réside dans le fait qu'ils changent en fonction des sélections de l'utilisateur. Dans la visualisation ci-dessous, les trois pays affichant les meilleures ventes ont été sélectionnés, ce qui modifie le titre et le sous-titre de la visualisation.