Aperçu rapide
Les paramètres d'accessibilité vous permettent de configurer le contenu WalkMe pour qu'il fonctionne avec les technologies d'assistance telles que les lecteurs d'écran et la navigation par clavier. Cet article explique comment activer l'accessibilité, configurer les paramètres pour chaque type de contenu et tester votre implémentation.
Accessibility in WalkMe
Accès
Pour accéder à l'accessibilité dans la console :
- Ouvrez la console WalkMe
- Accédez à la catégorie Admin
- Sélectionnez Gestion des systèmes et choisissez un système
- Sélectionnez Paramètres d'accessibilité
Pour accéder à l'accessibilité dans le centre d'Admin :
- Ouvrez la page Systèmes dans le centre d'administration WalkMe :
- Sélectionnez un système
- Accédez aux Paramètres d'accessibilité
Activer l'accessibilité
Dans l'onglet Accessibilité, activez Activer l'accessibilité. Pour appliquer ce paramètre à tous les systèmes futurs sur le compte, sélectionnez la case à cocher sous le bouton.
Navigation générale
Une fois que l'accessibilité est activée, les utilisateurs peuvent naviguer dans le contenu WalkMe à l'aide de leur clavier :
- Onglet : Parcourir le contenu
- Onglet + Maj : reculer dans le contenu
- Entrée : sélectionnez ou cliquez sur un élément
- Esc : Fermez une bulle ou quittez un Smart Walk-Thru. Focus revient sur le dernier élément focalisé sur la page.
Dans les menus, utilisez les flèches du clavier pour naviguer — et non les touches Tab.
Avant de commencer à construire
Explorez votre site avec un lecteur d'écran pour comprendre son accessibilité native, en particulier l'ordre de tabulation des éléments sur la page. WalkMe ne corrige pas les problèmes d'accessibilité sur votre site et dépend de la structure de votre site.
Fonctionnalités d'accessibilité
Contenu adaptable
Les éléments WalkMe comprennent des balises ARIA et un balisage HTML sémantique pour aider les technologies d'assistance à identifier leur structure, leurs rôles et leurs fonctionnalités.
Accessibilité par mots-clés
Tous les composants WalkMe sont entièrement exploitables à l'aide d'un clavier. Par exemple :
- Utilisez la touche Tab pour naviguer dans les lanceurs, les éléments de menu et les boutons
- Appuyez sur Entrée pour sélectionner les boutons d'action
- Utilisez Esc pour fermer les bulles, les ShoutOuts et le menu WalkMe
Ordre de mise au point et focus visible
WalkMe définit un ordre de mise au point prédéfini pour ses éléments et affiche une bordure visible autour des éléments qui reçoivent une mise au point, gardant l'expérience cohérente et prévisible.
Disponibilité des lecteurs d'écran
WalkMe prend en charge les lecteurs d'écran et les combinaisons de navigateurs suivants :
- VoiceOver (Safari)
- JAWS (Edge, Chrome, Firefox)
- NVDA (Edge, Chrome, Firefox)
Conseils sur le texte accessible
Lorsque vous écrivez le contenu WalkMe, gardez ces meilleures pratiques d'accessibilité à l'esprit :
- Évitez les acronymes et les expressions idiomatiques — ils peuvent prêter à confusion lorsqu'ils sont lus à haute voix par un lecteur d'écran
- Utiliser la voix active
- Évitez les phrases incomplètes
- Soyez cohérent dans votre phrasé
Accessibilité pour les Smart Walk-Thrus
Activation des options d'accessibilité
Une fois que l'accessibilité est activée, une liste déroulante Accessibilité apparaît dans l'onglet Comportement de chaque étape.
Bascules Balloon Focus
WalkMe annonce et concentre le lecteur d'écran sur les bulles lorsqu'elles apparaissent à l'écran, et verrouille le focus du clavier sur la bulle et son élément capturé. Cela donne aux utilisateurs du clavier une expérience similaire aux utilisateurs visuels.
Vous pouvez modifier ce comportement par bulle à l'aide des boutons suivants :
- Mise au point automatique : désactivez pour empêcher la bulle de capturer automatiquement le focus lorsqu'elle apparaît. La bulle recevra le focus uniquement lorsque l'utilisateur y accède par tabulation.
- Verrouillage du focus : désactivez pour permettre aux utilisateurs du clavier de naviguer librement sur l'ensemble de la page au lieu d'être verrouillés sur la bulle et ses éléments capturés.
Remarque
Les deux boutons sont activés par défaut pour garder les utilisateurs du clavier dans le contexte du Smart Walk-Thru. Leur désactivation n'est pas recommandée à moins que vous ayez besoin d'ajuster un comportement spécifique. Spotlight n'est pas pris en charge lors de l'utilisation des boutons Balloon Focus.
Configuration ARIA
Les étiquettes ARIA décrivent l'objectif, le rôle et la fonctionnalité des éléments de l'interface utilisateur pour les technologies d'assistance. WalkMe vous permet de définir des étiquettes aria personnalisées pour les bulles à partir du panneau de configuration.
- Par défaut : l'étiquette aria de la bulle est définie sur son titre. Lorsqu'aucun titre n'est disponible, il se rabat sur « Guidance Balloon » ou une autre étiquette par défaut de votre choix.
- Custom : utilisez cette option pour définir une autre étiquette aria. Cela peut être nécessaire lorsque le titre de la bulle repose sur un contexte visuel auquel les utilisateurs du lecteur d'écran ne peuvent pas accéder.
Remarque
Les étiquettes Aria n'apparaissent pas dans le panneau Multilingue. Les étiquettes personnalisées s'appliquent à toutes les langues.
Accessible Capture
Dans certains cas, un élément capturé est sélectionné pour des raisons visuelles mais n'est pas l'élément avec lequel l'utilisateur doit interagir. Accessible Capture vous permet de modifier l'élément capturé pour la navigation au clavier uniquement, sans affecter l'affichage visuel.
- Par défaut : utilise l'élément capturé par le générateur
- Élément à l'écran : resélectionnez l'élément à l'aide du mode capture
- jQuery : resélectionnez l'élément à l'aide de jQuery
Remarque
La capture d'éléments à l'écran n'a pas la précision des éléments ou les options avancées disponibles dans d'autres parties du système.
Images et alternatives textuelles
Utilisez l'éditeur de texte riche pour ajouter des balises alt pour les images et des balises titre pour les vidéos et les iFrames :
- Par défaut : si aucun texte n'est ajouté, une valeur vide « » est ajoutée aux balises alt et « sans titre » aux titres, en suivant les meilleures pratiques d'accessibilité
- BBCode : les balises Alt et titre peuvent également être ajoutées manuellement dans le BBCode
Accessibilité pour les Launchers
Les lecteurs d'écran lisent la description du lanceur. Pour modifier ce qui est lu, mettez à jour la description de l'image (texte alt) dans les paramètres d'image du launcher.
Le texte alt apparaît sous forme d'attribut aria-label dans le HTML.
Accessibilité pour les SmartTips
Les lecteurs d'écran lisent l'infobulle du SmartTip. Avant de créer des SmartTips, assurez-vous de comprendre l'ordre des onglets sur la page.
Accessibilité pour les ShoutOuts
Les ShoutOuts reçoivent le focus du clavier, que la superposition soit activée ou désactivée. La touche Tab permet de naviguer parmi les éléments focusables à l'intérieur du ShoutOut.
Remarque
Créez votre contenu ShoutOut dans l'ordre dans lequel vous souhaitez que les utilisateurs le parcourent. La réorganisation des éléments après la construction ne met pas à jour l'ordre des onglets.
Test d'accessibilité
Navigation générale
Utilisez votre clavier pour naviguer dans le site et les éléments WalkMe :
- Parcourez les éléments par onglets — vous entendrez une voix décrivant le nom et le but de chacun
- Utilisez les flèches du clavier (et non la touche Tab) pour naviguer à l'intérieur des menus.
- Appuyez sur Entrée pour sélectionner ou cliquer sur les éléments
Test des SmartTips
La tabulation dans les SmartTips doit se comporter de la même manière que le survol avec la souris :
- Accédez à un SmartTip de champ avec la touche Tab : vous entendrez une explication du champ, suivie du texte de l'infobulle.
- Accédez par la touche Tab à l'icône SmartTip : vous entendrez « cliquable », suivi du texte de l'infobulle
Test du lanceur
La navigation par tabulation dans les lanceurs doit se comporter de la même manière que le survol avec la souris. Vous entendrez le texte d'appel à l'action du lanceur, suivi du texte de son infobulle.
