Passer au contenu principal
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

Visibilité sur le site Web/l’application


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!


Visibilité sur le site Web/l’application Fonctionnalités d’accessibilité

Les projets Website / App Insights ont de nombreuses fonctionnalités intégrées pour rendre l’accessibilité sans effort. Voici quelques-unes des fonctionnalités d’accessibilité que vous pouvez vous attendre à trouver sur la plateforme :

  • Tous les éléments du Creative sont tabulables et cliquables via le clavier. Nous prenons en charge TAB, ESC et Enter (et return, pour les utilisateurs Mac), mais ne prenons pas en charge les touches de direction ou autres.
  • Pour les créatifs Pop-over et Dialogue réactif, les utilisateurs ne peuvent pas ouvrir d’onglets en dehors du Creative tant qu’il n’est pas fermé. De plus, il n’autorise pas les tabulations dans la page sous-jacente.
  • Pour les créatifs Pop-over et Dialogue réactif, la zone activée est appliquée directement au Creative une fois qu’il est affiché.
  • Si des cibles intégrées sont utilisées, les utilisateurs peuvent cliquer avec le bouton droit de la souris sur la cible intégrée et ajouter un titre iFrame.
  • Si des fenêtres intégrées sont utilisées dans les options avancées de l’Intercept, les utilisateurs peuvent ajouter un titre iFrame.

Ensuite, nous aborderons les fonctionnalités d’accessibilité propres aux besoins de la conception de chaque Creative.

Créatif de dialogue réactif

  • Facile à définir Texte Alt : si une icône personnalisée est utilisée dans la boîte de dialogue, nous autorisons les utilisateurs à spécifier Texte Alt pour indiquer le texte que le lecteur d’écran doit lire lorsque la zone activée est sur l’icône.
    Astuce Qualtrics : si vous sélectionnez Inclure une icône pour ignorer l’intercept, le texte alternatif du bouton X qui apparaît en haut à droite du Creative est « Fermer ». Ce texte alternatif est également localisé.
  • Étiquettes ARIA pour les commandes de boutons : Par défaut, les lecteurs d’écran liront le texte que vous précisez pour l’étiquette du bouton. Cependant, dans certains cas, vous pouvez souhaiter que le lecteur d’écran lise un contexte supplémentaire, comme “Cliquez sur ce bouton pour ouvrir une nouvelle fenêtre d’enquête”. Dans ce cas, vous pouvez indiquer le descripteur ARIA pour les commandes de boutons de commande.
  • Les contrastes de couleur pour les éléments du Creative lui-même : bien que Qualtrics ne puisse pas fournir de conseils de contraste direct, les utilisateurs ont tout le contrôle pour choisir et choisir la couleur appropriée pour les éléments du Creative.

Creative Bouton de commentaires

Pop-over, Curseur, Barre d’informations et Créatifs de feedback intégrés personnalisés

  • Les contrastes de couleur pour les éléments du Creative lui-même : bien que Qualtrics ne puisse pas fournir de conseils de contraste direct, les utilisateurs ont tout le contrôle pour choisir et choisir la couleur appropriée pour les éléments du Creative.
Astuce Qualtrics : les boutons cible sur ces créatifs nécessitent des modifications supplémentaires pour les rendre accessibles, car les noms et rôles des boutons que vous avez choisis peuvent varier. Pour en savoir plus, voir les sections liées de la page d’assistance.

SDK de l’application mobile

  • Accessible aux lecteurs d’écran mobiles :
    • Permet aux lecteurs d’écran de naviguer facilement et de quitter la boîte de dialogue.
    • Permet de lire le texte dans les boutons et également le type de l’élément (par exemple, bouton).

Création d’un Creative accessible avec dialogue réactif

Cette section explique comment modifier un créatif de dialogue réactif afin qu’il soit accessible aux lecteurs d’écran.

  1. Accédez à la page « Projects » (Projets), puis créez un projet « Website / App Insights » (Informations sur le site Web/l’application).
  2. Cliquez sur Créer.
    Cliquez sur Créer à droite.
  3. Sélectionner Dialogue réactif comme type d’intercept.
    Cliquez sur la case située à lextrême gauche.
  4. Nommez votre intercept.
    Créez votre intercept avec un nom.
  5. Sélectionnez une enquête à lier ou saisissez une URL personnalisée vers laquelle diriger.
  6. Cliquez sur Suivant.
  7. Sélectionnez Boutons.
    Sélectionnez Boutons, puis fournissez le feedback de létiquette.
  8. Insérez le texte approprié pour chacun des boutons de la section Texte. Ce texte s’affichera visuellement pour les utilisateurs et sera lu à haute voix par les lecteurs d’écran.
  9. Cliquez sur Logos & images.
    Cliquez sur Logos à gauche, puis nommez votre texte Alt.
  10. Modifiez la section Texte alternatif pour fournir une description écrite du graphique. Les visiteurs qui utilisent des lecteurs d’écran auront le texte alt lu pour qu’ils sachent ce qu’est l’image s’ils sont malvoyants.
  11. Si vous affichez votre enquête directement dans la boîte de dialogue, accédez à Taille & Style.dans longlet Taille & Style, ajout dun titre iFrame
  12. Cochez la case Afficher l’enquête directement dans la boîte de dialogue.
  13. Dans la zone de titre Iframe, saisissez le texte que vous souhaitez lire par les lecteurs d’écran lorsqu’ils rencontrent votre enquête pour la première fois.
Astuce Qualtrics : si vous n’utilisez pas le flux de travail guidé pour créer votre intercept, suivez les étapes 7 à 13 pour chaque créatif.

Création d’un Creative de bouton de feedback accessible

  1. Accédez à la page « Projects » (Projets), puis créez un projet « Website / App Insights » (Informations sur le site Web/l’application).
  2. Cliquez sur Créer.
    Cliquez sur Créer à droite.
  3. Sélectionner Bouton d’avis comme type d’intercept.
    Cliquez sur licône du milieu et cliquez sur le bouton Feedback.
  4. Nommez votre intercept.
    Créez votre intercept avec un nom.
  5. Sélectionnez une enquête à lier ou saisissez une URL personnalisée vers laquelle diriger.
  6. Cliquez sur Suivant.
  7. Accédez à Look & Feel.
    Allez à Look & ressentez sur le côté droit, puis saisissez dans le texte du bouton
  8. Insérez le texte approprié pour les boutons dans la section Texte du bouton. Ce texte s’affichera visuellement pour les utilisateurs et sera lu à haute voix par les lecteurs d’écran.
  9. Si vous utilisez un bouton personnalisé, sélectionnez Utiliser mon propre bouton et téléchargez l’image appropriée depuis votre ordinateur.
  10. Une fois l’image chargée, modifiez le texte Alt pour fournir une description écrite du bouton. Les visiteurs qui utilisent des lecteurs d’écran auront le texte alt lu pour qu’ils sachent ce qu’est l’image s’ils sont malvoyants.
    Si vous cliquez sur mon propre bouton, téléchargez une image depuis votre ordinateur.
  11. Cliquez sur Affichage de l’enquête.
    Cliquez sur laffichage de lenquête à gauche.
  12. Spécifiez un titre iframe dans la section de titre Iframe. Si vous avez ajouté une cible intégrée à votre intercept, cette option ajoutera un titre à l’iFrame que les lecteurs d’écran peuvent interpréter.

Ajout d’un texte alternatif et de rôles aux boutons cibles

Astuce Qualtrics : si vous n’avez pas accès à l’une des fonctionnalités décrites dans cette section, contactez votre Responsable de compte. Pour plus d’informations sur les différences entre le feedback numérique et CustomerXM pour le numérique, voir Feedback numérique vs. CustomerXM pour Digital.
Astuce Qualtrics : les boîtes de dialogue réactives et les boutons d’avis ne nécessitent pas cette étape.
Attention : des fonctionnalités de codage personnalisées sont fournies en l’état et peuvent nécessiter des connaissances en programmation pour l’implémentation. Notre équipe d’assistance ne pourra pas vous aider sur les sujets touchant au codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d’utilisateurs dédiés. Si vous souhaitez en savoir plus sur nos services de codage personnalisés disponibles à l’achat, veuillez contacter votre Responsable de compte Qualtrics.

Si votre cible se présente sous la forme d’une image de bouton que vous avez chargée, l’ajout d’un texte alternatif et d’un attribut de rôle aide le lecteur d’écran à comprendre ce que le bouton est censé dire et faire.

  1. Ouvrez votre Creative dans l’onglet Creatives.
  2. Double-cliquez sur l’élément Cible contenant l’image.
    Clic double sur le bouton dans l’éditeur de Creative pour afficher une nouvelle barre d’outils en haut avec un bouton Source
  3. Cliquez sur Source.
  4. Dans la<img> balise, ajoutez un attribut<img alt="text here" /> alt à la balise et définissez la valeur égale au texte de l’image.
    <img alt="Sign Up Now" ... />
    Astuce Qualtrics : le logiciel de lecture d’écran lira à haute voix ce qui est contenu dans l’attribut alt lorsqu’il arrivera à l’image.

    Dans la source, la balise img a une balise alt, tout comme cette image

  5. Entourez la<img> balise d’une<span> balise.
    Étendues ajoutées au texte source du bouton
  6. Ajoutez un attribut role=”bouton” à la<span> balise.
    <span role="button"><img .../></span>
    Astuce Qualtrics : l’attribut de rôle indique au visiteur, à l’aide d’un lecteur d’écran, que cet élément est un bouton qui peut être activé.

    Un rôle ajouté au bouton Égal à défini pour les balises span

Cibles standard (texte de lien)

  1. Ouvrez votre Creative dans l’onglet Creatives.
  2. Double-cliquez sur l’élément cible qui contient le texte.
    Clic double sur la cible dans l’éditeur de Creative pour afficher une nouvelle barre d’outils en haut avec un bouton Source
  3. Cliquez sur Source.
  4. Ajoutez un attribut role=”bouton” à la<span> balise.
    <span role="button" ... >Contenu de la zone de texte</span>

    Un bouton Rôle égal à a été défini dans la balise span.

Ajout d’un texte alternatif et de rôles pour fermer les boutons

Astuce Qualtrics : les boîtes de dialogue réactives et les boutons d’avis ne nécessitent pas cette étape.
Attention : des fonctionnalités de codage personnalisées sont fournies en l’état et peuvent nécessiter des connaissances en programmation pour l’implémentation. Notre équipe d’assistance ne pourra pas vous aider sur les sujets touchant au codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d’utilisateurs dédiés. Si vous souhaitez en savoir plus sur nos services de codage personnalisés disponibles à l’achat, veuillez contacter votre Responsable de compte Qualtrics.

Bouton Fermer comme image

  1. Ouvrez votre Creative dans l’onglet Creatives.
  2. Double-cliquez sur l’élément Close contenant l’image.
    Cliquez deux fois sur le bouton Fermer dans l’éditeur de Creative pour afficher une nouvelle barre d’outils en haut avec un bouton Source dedans.
  3. Cliquez sur Source.
  4. Ajoutez l’attribut alt=”close” à la<img> balise.
    <img alt="close" ... />
    Astuce Qualtrics : le logiciel de lecture d’écran lira à haute voix ce qui est contenu dans l’attribut alt lorsqu’il arrivera à l’image.

    Une balise alt égale au mot Close a été ajoutée à la balise img dans la source.

  5. Entourez la<img> balise d’une<span> balise.
    Éclater les balises dans le code source
  6. Ajoutez un attribut role=”bouton” à la<span> balise.
    <span role="button"><img .../></span>
    Astuce Qualtrics : l’attribut de rôle indique au visiteur, à l’aide d’un lecteur d’écran, que cet élément est un bouton qui peut être activé.

    Un attribut de rôle égal au bouton ajouté à la série

Bouton Fermer comme texte

  1. Ouvrez votre Creative dans l’onglet Creatives.
  2. Double-cliquez sur l’élément Close contenant le texte.
    Cliquez deux fois sur le texte de fermeture dans l’éditeur de Creative pour afficher une nouvelle barre d’outils en haut avec un bouton Source.
  3. Cliquez sur Source.
  4. Ajoutez un attribut role=”bouton” à la<span> balise.
    <span role="button" ...>Contenu de la zone de texte</span>
    Astuce Qualtrics : l’attribut de rôle indique au visiteur, à l’aide d’un lecteur d’écran, que cet élément est un bouton qui peut être activé.

    Un attribut de rôle ajouté au bouton de lensemble détendue égal à

FAQ

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.