La speakproprietà in CSS serve a specificare se un browser deve pronunciare il contenuto che legge, ad esempio tramite uno screen reader.
.module ( speak: never; speak-as: spell-out; )Valori per speak
auto: Finché l'elemento nondisplay: blockè ed èvisibility: visible, il testo verrà letto in audio.never: il testo non verrà letto in audioalways: il testo verrà letto in modo uditivo, indipendentemente daldisplayvalore o dai valori antenati dispeak.
Valori per speak-as
Correlato a speakcome verrà letto il testo:
normal: Accetta lespeakimpostazioni predefinite del browser .spell-out: Indica al browser di scrivere il contenuto di una proprietà invece di pronunciare parole intere.digits: Legge i numeri uno alla volta, come se 69 si leggesse "sei nove". Bello.literal-punctuation: Enuncia i segni di punteggiatura (come i punti e virgola) invece di trattarli come pause.no-punctuation: Salta completamente la punteggiatura.
Come "stile" il discorso?
La speakproprietà riguarda meno lo stile del discorso di uno screen reader che l'adattamento dell'esperienza di accessibilità di un sito quando vengono utilizzati gli screen reader.
È allettante pensare di modellare il discorso in termini di genere, tono, accento e altri modi in cui noi stessi parliamo nella vita reale, ma non è così speak. Questo livello di controllo è ciò che è attualmente preso in considerazione voicenel CSS Speech Module.
Maggiori informazioni
- Parliamo di CSS vocale
- Specifiche del modulo vocale CSS
- Utilizzo dell'API Web Speech per simulare il supporto CSS Speech
- Stack Overflow su Speak Support
Supporto browser
Non c'è supporto al momento della stesura di questo articolo. Sembra che Opera supportasse in modo nativo la proprietà con un -xv-prefisso prima che il browser si unisse al motore di rendering Blink utilizzato da Chrome.
MDN parla di speak-as in relazione agli stili di contatore:
- One
- Two
- Three
- Four
- Five
@counter-style speak-as-example ( system: fixed; symbols: ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )Firefox lo supporta, poiché aggiorno questo articolo.