Hovoriť - Triky CSS

Anonim

speakNehnuteľnosť v CSS je pre určenie, či prehliadač by mal hovoriť o obsah, ktorý číta, napríklad prostredníctvom čítania z obrazovky.

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

Hodnoty pre speak

  • auto: Pokiaľ prvok nie je display: blocka je visibility: visible, text sa bude čítať sluchovo.
  • never: text sa nebude čítať sluchovo
  • always: text sa bude čítať zvukovo, bez ohľadu na displayhodnotu alebo hodnoty predkov speak.

Hodnoty pre speak-as

Súvisí s tým, speakako sa dostane k tomu, ako bude text čítaný:

  • normal: Použije predvolené speaknastavenia prehľadávača .
  • spell-out: Dáva pokyn prehľadávaču, aby hláskoval obsah vlastností namiesto toho, aby hovoril plnými slovami.
  • digits: Číta čísla po jednom, napríklad 69 by sa čítalo „šesť deväť“. Pekný.
  • literal-punctuation: Vyslovuje bodky (ako bodkočiarky), než aby s nimi zaobchádzal ako s pauzami.
  • no-punctuation: Úplne preskočí interpunkciu.

Ako „štylizujete“ reč?

Táto speakvlastnosť sa netýka úpravy štýlu reči čítačky obrazovky, ale skôr prispôsobenia zážitku z dostupnosti webu, keď sa používajú čítačky obrazovky.

Je lákavé myslieť na styling reči z hľadiska pohlavia, výšky tónu, prízvuku a ďalších spôsobov, ktorými hovoríme my sami v reálnom živote, ale nie je to tak speak. O tejto úrovni kontroly sa v súčasnosti uvažuje voicev rámci modulu reči CSS.

Viac informácií

  • Hovorme o reči CSS
  • Špecifikácia rečového modulu CSS
  • Používanie rozhrania Web Speech API na simuláciu podpory reči CSS
  • Stack Overflow on Speak Support

Podpora prehľadávača

V čase písania tohto článku nie je k dispozícii žiadna podpora. Zdá sa, že Opera predtým natívne podporovala vlastnosť -xv-predponou predtým, ako sa prehliadač spojil s vykresľovacím jadrom Blink používaným prehliadačom Chrome.

MDN hovorí o speak-as vo vzťahu k štýlom pultov:

 
  • 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, pretože aktualizujem tento článok.