Govori - CSS-triki

Anonim

speakHotel v CSS je za določanje, ali naj brskalnik govoriti o vsebini, da se glasi, kot z bralnikom zaslona.

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

Vrednosti za speak

  • auto: Dokler element ni display: blockin je visibility: visible, bo besedilo prebrano slišno.
  • never: besedilo ne bo prebrano na glas
  • always: besedilo se bo prebralo na glas, ne glede na displayvrednost ali vrednosti prednikov speak.

Vrednosti za speak-as

Povezano s postopkom speakbranja besedila:

  • normal: Zajema privzete speaknastavitve brskalnika .
  • spell-out: Brskalniku naroči, naj črkuje lastnostno vsebino, namesto da izgovori celotne besede.
  • digits: Bere številke naenkrat, kot bi 69 prebralo "šest devet". Lepo.
  • literal-punctuation: Napiše ločila (na primer podpičja), namesto da jih obravnava kot premore.
  • no-punctuation: V celoti preskoči ločila.

Kako "oblikujete" govor?

speakLastnost je manj o styling govor bralnikom zaslona, kot je prilagajanje izkušnje dostopnosti spletnega mesta, ko se uporabljajo bralniki zaslona.

Vabljivo je razmišljati o oblikovanju govora z vidika spola, višine, naglasa in drugih načinov, na katere sami govorimo v resničnem življenju, vendar to ne drži speak. Ta stopnja nadzora je tisto, o čemer trenutno preučujemo voicev govornem modulu CSS.

Več informacij

  • Pogovorimo se o govornem CSS
  • Govorni modul CSS spec
  • Uporaba API-ja za spletni govor za simulacijo podpore govora CSS
  • Stack Overflow na Speak Support

Podpora za brskalnik

V času pisanja tega besedila ni podpore. Zdi se, da je Opera nekoč lastnost podpirala s -xv-predpono, preden se je brskalnik združil z mehanizmom za upodabljanje Blink, ki ga uporablja Chrome.

MDN govori o govorjenju glede na sloge števca:

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

Firefox to podpira, ko posodobim ta članek.