La speakpropriété en CSS sert à spécifier si un navigateur doit prononcer le contenu qu'il lit, par exemple via un lecteur d'écran.
.module ( speak: never; speak-as: spell-out; )Valeurs pour speak
auto: Tant que l'élément n'est pasdisplay: blocket estvisibility: visible, le texte sera lu oralement.never: le texte ne sera pas lu oralementalways: le texte sera lu oralement, indépendamment de ladisplayvaleur ou des valeurs ancêtres despeak.
Valeurs pour speak-as
Lié à la speakfaçon dont le texte sera lu:
normal: Prend lesspeakparamètres par défaut du navigateur .spell-out: Indique au navigateur d'épeler un contenu de propriétés au lieu de prononcer des mots complets.digits: Lit les nombres un à la fois, comme 69 serait lu «six neuf». Joli.literal-punctuation: Énonce les signes de ponctuation (comme les points-virgules) plutôt que de les traiter comme des pausesno-punctuation: Ignore complètement la ponctuation.
Comment «stylisez-vous» le discours?
La speakpropriété consiste moins à styliser le discours d'un lecteur d'écran qu'à personnaliser l'expérience d'accessibilité d'un site lorsque des lecteurs d'écran sont utilisés.
Il est tentant de penser au style du discours en termes de genre, de tonalité, d'accent et d'autres façons dont nous parlons nous-mêmes dans la vraie vie, mais ce n'est pas le cas speak. Ce niveau de contrôle est ce qui est actuellement envisagé voicedans le module CSS Speech.
Plus d'information
- Parlons de Speech CSS
- Spécification du module CSS Speech
- Utilisation de l'API Web Speech pour simuler la prise en charge de CSS Speech
- Dépassement de la pile sur le support Speak
Prise en charge du navigateur
Il n'y a aucun support au moment de la rédaction de cet article. Il semble qu'Opera prenait en charge nativement la propriété avec un -xv-préfixe avant la fusion du navigateur avec le moteur de rendu Blink utilisé par Chrome.
MDN parle de parler comme en relation avec les styles de compteur:
- One
- Two
- Three
- Four
- Five
@counter-style speak-as-example ( system: fixed; symbols: ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )Firefox prend en charge cela, car je mets à jour cet article.