Comment fonctionne le lecteur d'écran dans le widget d'accessibilité

Screen Reader


La fonctionnalité Screen Reader du Accessibility Widget fournit un retour vocal lorsque les visiteurs explorent votre boutique. Lorsqu'elle est activée, le navigateur lit à voix haute les informations sur le contenu ou le contrôle que le visiteur sélectionne, dans la langue configurée dans le menu d'accessibilité. Cette fonctionnalité est conçue comme un assistant de lecture à voix haute pour les visiteurs qui bénéficient d'entendre le contenu de la page. Elle ne remplace pas les technologies d'assistance dédiées comme NVDA, JAWS ou VoiceOver.


Vue d'ensemble


Objectif

Descriptions vocales des éléments de la page lorsque les visiteurs cliquent dessus ou interagissent avec eux

Voix

La synthèse vocale intégrée au navigateur du visiteur

Langue

Suit la langue sélectionnée dans le menu d'accessibilité

Persistance

La préférence activée/désactivée du visiteur est enregistrée pour ses prochaines visites


Activer Screen Reader

Les visiteurs peuvent activer Screen Reader de l'une des façons suivantes :


  1. Menu d'accessibilité : ouvrez le menu d'accessibilité et activez l'option Screen Reader.
  2. Profil Blind : la sélection du profil d'accessibilité Blind active automatiquement Screen Reader et les paramètres associés.


Lorsque Screen Reader est activé, le visiteur entend une brève confirmation (par exemple, « Screen reader enabled »). Lorsqu'il est désactivé, une confirmation correspondante est annoncée.
Le paramètre est stocké dans le navigateur du visiteur et reste donc actif lors des visites suivantes, sauf s'il efface les données du site ou désactive la fonctionnalité.


Comment les visiteurs l'utilisent

Une fois Screen Reader activé, les visiteurs cliquent sur n'importe quel élément de la page : la boutique, les formulaires, la navigation ou les contrôles du menu d'accessibilité lui-même. L'outil identifie l'élément concerné et lit une description à voix haute.


Pendant la lecture du contenu, l'élément correspondant est mis en évidence visuellement (généralement avec un arrière-plan jaune) afin que le visiteur puisse voir quel élément est décrit.


Pour certains éléments interactifs, comme les boutons, les liens et les champs de texte, un court signal sonore peut être émis juste avant la description vocale, pour indiquer qu'un contrôle actionnable a été sélectionné.


Ce qui est lu à voix haute

Screen Reader est destiné à fournir des descriptions contextuelles, pas seulement du texte brut. Selon l'élément, les visiteurs peuvent entendre :

  • Boutons et liens : libellé visible et type d'élément (par exemple, « Add to cart, button » ou « Shipping policy, link »)
  • Titres : texte du titre et indication qu'il s'agit d'un titre
  • Cases à cocher et interrupteurs : libellé et état (par exemple, coché ou décoché)
  • Menus déroulants : libellé du champ et valeur sélectionnée
  • Curseurs et contrôles de plage : libellé et valeur actuelle
  • Champs de texte : caractères ou mots au fur et à mesure de la saisie ; une indication lorsque le champ est vide


Les éléments décoratifs, masqués pour les technologies d'assistance ou dépourvus de libellé significatif ne sont généralement pas annoncés, afin d'éviter une sortie inutile ou source de confusion.
Les contrôles du menu d'accessibilité utilisent des libellés vocaux dédiés pour que les icônes et les dispositions compactes soient décrites clairement (par exemple, « Contrast, dark » plutôt qu'une simple icône visuelle).


Prise en charge des langues

La sortie vocale suit la langue sélectionnée dans le menu d'accessibilité. Si le visiteur change la langue du menu, le contenu lu ensuite, y compris les confirmations d'activation et de désactivation, utilise cette langue, sous réserve de la disponibilité des voix du navigateur. Les expressions de rôle et d'état (comme « button », « checked » ou « expanded ») peuvent être personnalisées via la configuration des textes de votre widget (clickToReadSpeech).


Comportements supplémentaires

Saisie dans les champs de formulaire
Lorsqu'un visiteur saisit du texte dans un champ pris en charge, Screen Reader peut annoncer les caractères ou les mots insérés. Si le champ est vidé, le visiteur peut entendre une indication « empty ».


Retour sur la page
Si le visiteur passe à un autre onglet du navigateur ou à une autre application puis revient, Screen Reader peut annoncer à nouveau l'élément qui a actuellement le focus.


Désactivation de la fonctionnalité
La désactivation de Screen Reader dans le menu arrête la lecture à voix haute, supprime la mise en évidence et émet une confirmation de désactivation. La préférence est mise à jour en conséquence dans le stockage.


Usage prévu et limites

Screen Reader convient bien aux visiteurs qui :

  • Préfèrent ou nécessitent un retour auditif pendant leur navigation
  • Bénéficient de libellés vocaux pour les boutons, les liens et les contrôles de formulaire
  • Utilisent l'option de lecture à voix haute du menu d'accessibilité sans installer de logiciel d'assistance distinct


Screen Reader n'est pas destiné à :

  • Remplacer un lecteur d'écran complet sur ordinateur ou mobile pour une navigation exhaustive
  • Lire des articles longs en entier sans interaction (les descriptions sont déclenchées principalement par le clic et le focus)
  • Garantir un comportement identique sur chaque navigateur et chaque moteur vocal (le résultat dépend du navigateur du visiteur et des voix système disponibles)


Nous vous recommandons de tester Screen Reader sur votre boutique avec vos parcours clients les plus courants, pages produit, panier, paiement et flux de compte, afin de vérifier que les contrôles clés ont des libellés visibles clairs et que les descriptions vocales répondent à vos attentes.


Résumé

Screen Reader fournit aux visiteurs un retour vocal sur le contenu et les contrôles qu'ils sélectionnent sur votre site. Il met en évidence l'élément actif pendant la lecture, respecte la langue du menu d'accessibilité et mémorise la préférence de chaque visiteur. Activez-le depuis l'option Screen Reader ou le profil Blind dans le Pandectes Accessibility Menu.

Mis à jour le : 02/10/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !