Vorbi - CSS-Tricks

Anonim

speakProprietatea în CSS este pentru a specifica dacă un browser ar trebui să vorbească conținutul citește, cum ar fi printr - un cititor de ecran.

.module ( speak: never; speak-as: spell-out; )

Valori pentru speak

  • auto: Atâta timp cât elementul nu display: blockeste și este visibility: visible, textul va fi citit auditiv.
  • never: textul nu va fi citit auditiv
  • always: textul va fi citit auditiv, indiferent de displayvaloare sau de valorile strămoșe ale speak.

Valori pentru speak-as

În legătură cu speakmodul în care intră în modul în care textul va fi citit:

  • normal: Preia speaksetările implicite ale browserului .
  • spell-out: Instruiește browserul să scrie un conținut de proprietăți în loc să rostească cuvinte complete.
  • digits: Citește numerele pe rând, ca 69 ar fi citit „șase nouă”. Grozav.
  • literal-punctuation: Delimitează punctațiile (cum ar fi punct și virgula), mai degrabă decât să le trateze ca pe pauze.
  • no-punctuation: Salt complet punctuația.

Cum „stilizați” vorbirea?

speakProprietatea este mai puțin despre styling discursul unui cititor de ecran decât este adaptarea experiența accesibilității unui site , atunci când sunt utilizate cititoare de ecran.

Este tentant să ne gândim la stilul vorbirii în termeni de gen, ton, accent și alte moduri pe care noi înșine le vorbim în viața reală, dar nu este cazul speak. Acest nivel de control este ceea ce se ia în considerare în prezent în voicemodulul de vorbire CSS.

Mai multe informatii

  • Să vorbim despre Speech CSS
  • Spec. Modul CSS Speech Module
  • Utilizarea API-ului Web Speech pentru a simula suportul CSS Speech
  • Stack Overflow pe Speak Support

Suport pentru browser

Nu există suport în momentul redactării acestui articol. Se pare că Opera obișnuia să accepte în mod nativ proprietatea cu un -xv-prefix înainte ca browserul să fuzioneze cu motorul de redare Blink folosit de Chrome.

MDN vorbește despre speak-as în raport cu stilurile de contor:

 

    

  • One
    • 

  • Two
    • 

  • Three
    • 

  • Four
    • 

  • Five
    • 



@counter-style speak-as-example ( system: fixed; symbols:     ; suffix: " "; speak-as: numbers; ) .list ( list-style: speak-as-example; )

Firefox acceptă acest lucru, pe măsură ce actualizez acest articol.