Mluvit - Triky CSS

Anonim

speakNemovitost v CSS je pro určení, zda prohlížeč by měl mluvit o obsah, který čte, například prostřednictvím čtení z obrazovky.

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

Hodnoty pro speak

  • auto: Dokud prvek není display: blocka je visibility: visible, text se bude číst sluchově.
  • never: text nebude sluchově přečten
  • always: text se bude číst sluchově, bez ohledu na displayhodnotu nebo hodnoty předchůdce speak.

Hodnoty pro speak-as

Souvisí s tím, speakjak se dostane do toho, jak bude text čten:

  • normal: Převezme výchozí speaknastavení prohlížeče .
  • spell-out: Dává pokyn prohlížeči, aby hláskoval obsah vlastností, místo aby vyslovoval celá slova.
  • digits: Čte čísla po jednom, například 69 by se četlo „šest devět“. Pěkný.
  • literal-punctuation: Vyslovuje bodky (jako středníky), místo aby s nimi zacházelo jako s pauzami.
  • no-punctuation: Zcela přeskočí interpunkci.

Jak „stylujete“ řeč?

Tato speakvlastnost je méně o úpravě řeči čtečky obrazovky, než o přizpůsobení zkušenosti s přístupem webu, když se používají čtečky obrazovky.

Je lákavé myslet na styling řeči z hlediska pohlaví, výšky tónu, přízvuku a dalších způsobů, kterými my sami mluvíme v reálném životě, ale není tomu tak speak. Tato úroveň kontroly je to, o čem se v současné době uvažuje voicev CSS Speech Module.

Více informací

  • Promluvme si o Speech CSS
  • Speech Module CSS spec
  • Použití rozhraní Web Speech API k simulaci podpory řeči CSS
  • Přetečení zásobníku při mluvené podpoře

Podpora prohlížeče

V době psaní tohoto článku neexistuje žádná podpora. Zdá se, že Opera dříve nativně podporovala vlastnost s -xv-předponou, než se prohlížeč spojil s vykreslovacím modulem Blink používaným Chrome.

MDN hovoří o speak-as ve vztahu k stylům čítačů:

 
  • 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 podporuje, protože aktualizuji tento článek.