Voix de synthèse vocale et lecture accessible dans le navigateur
Utilisez la synthèse vocale comme une amélioration facultative et contrôlée, avec un texte lisible et des solutions de repli.
Vous voulez la documentation structurée pour Plateforme ?
Cet article fait partie de la bibliothèque éditoriale. Pour les étapes de configuration, la référence et les mises à jour continues, passez directement à la section docs.
La synthèse vocale du navigateur peut lire un texte sans fournir un fichier audio pour chaque phrase. Elle aide à la lecture, à l'apprentissage des langues et aux notifications courtes. Elle reste une amélioration facultative et ne remplace ni le texte ni les technologies d'assistance.
Voir aussi la validation des interactions accessibles, les préférences de langue et les préférences multimédias.
Le rôle de SpeechSynthesis
Web Speech fournit un contrôleur SpeechSynthesis et des objets SpeechSynthesisUtterance. La page fournit le texte; le navigateur et le système d'exploitation produisent la voix. Un bouton de lecture doit toujours correspondre à un texte visible, conservé si la voix échoue.
getVoices() peut renvoyer une liste vide avant l'initialisation. L'événement voiceschanged signale que les options sont prêtes ou modifiées. Le système, le navigateur, les modules de langue, le réseau et les vues web intégrées changent les voix, leurs noms et leur prononciation. Ne promettez pas une liste fixe et n'utilisez pas ces options pour déduire un appareil.
La disponibilité peut changer pendant une session.
Une voix installée ne garantit pas une prononciation précise.
La langue du document peut proposer un choix initial.
La personne doit pouvoir modifier ce choix.
Gardez le texte visible pendant le chargement.
Une liste vide ne doit pas bloquer la lecture normale.
Variation de disponibilité des voix
L'événement de changement peut se produire plusieurs fois.
Conservez le choix seulement s'il reste valide.
Expliquez simplement lorsqu'une voix manque.
Ne transformez pas les options en catalogue de l'appareil.
Une voix distante peut dépendre de la connexion.
Testez aussi une langue sans voix installée.
La lecture n'a pas besoin d'une durée exacte.
Gardez les commandes à une place stable.
Si le texte change, arrêtez ou signalez le changement.
Le texte visible reste la référence.
Ne lisez pas en secret un contenu disparu.
Les alertes courtes doivent rester consultables par écrit.
Une file de lecture doit pouvoir être arrêtée.
Le bouton d'arrêt doit rester disponible.
Les états ne doivent pas déplacer les commandes.
Documentez la règle pour le contenu dynamique.
La voix ne doit pas empêcher l'envoi d'un formulaire.
Commandes de lecture accessibles
Lecture contrôlée et repli
La voix doit démarrer après une action explicite. Proposez pause, reprise, arrêt et répétition pour un texte long, avec des boutons natifs, un focus visible et des noms accessibles. Une annonce courte peut indiquer « Lecture de la section » sans répéter le paragraphe. Les mêmes commandes doivent fonctionner au clavier et avec une technologie d'assistance.
Si aucune voix n'est disponible, si elle arrive tard, disparaît ou échoue, gardez le texte et donnez un message utile. Annulez l'énoncé précédent avant d'en commencer un autre et nettoyez l'état lors de la fin, de l'interruption ou du démontage. Une navigation ne doit pas relancer la voix sans accord.
Confidentialité et choix
La sortie vocale ne nécessite pas d'énumérer ni d'envoyer toutes les voix. N'enregistrez pas les tableaux complets, voiceURI ou les délais dans les statistiques. Un service externe doit indiquer quel texte quitte le navigateur et demander un choix explicite. Le réglage de désactivation doit rester visible et réversible sans cacher le contenu.
Vérification
Testez clavier, pointeur et lecteur d'écran avec des voix absentes, retardées, remplacées et des langues sans voix. Vérifiez le texte, le focus et les messages après pause, annulation, navigation et répétition. Relisez les libellés et le texte alternatif en français.
La revue manuelle peut comparer la phrase dite et la phrase visible. Le retour au texte doit être immédiat et compréhensible.
Notez uniquement les résultats observables.
Répétez le test après un changement de langue.
Vérifiez que le contenu reste atteignable au clavier.
Sources publiques
Articles Connexes
Faites passer BotBrowser de la recherche à la production
Utilisez ces guides pour comprendre le modèle, puis passez à la validation multi-plateforme, aux contextes isolés et au déploiement navigateur prêt pour l'échelle.