Govoriti - CSS-trikovi

Anonim

speakNekretnina u CSS je za određivanje je li preglednik treba govoriti sadržaj procita, kao što je kroz čitača zaslona.

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

Vrijednosti za speak

  • auto: Sve dok element nije display: blocki jest visibility: visible, tekst će se čitati zvučno.
  • never: tekst se neće čitati zvučno
  • always: tekst će se čitati slušno, bez obzira na displayvrijednost ili vrijednosti pretka speak.

Vrijednosti za speak-as

Povezano s speaknačinom na koji će se tekst čitati:

  • normal: Uzima zadane speakpostavke preglednika .
  • spell-out: Upućuje pregledniku da piše sadržaj svojstva, umjesto da izgovara pune riječi.
  • digits: Čita brojeve jedan po jedan, kao što bi se 69 čitalo "šest devet". Lijepo.
  • literal-punctuation: Izriče punktacije (poput točke sa zarezom), umjesto da ih tretira kao stanke.
  • no-punctuation: U potpunosti preskače interpunkciju.

Kako "stilizirate" govor?

speakImovine je manje o styling govor čitača zaslona nego što je krojenje iskustvo site-a pristupačnosti kada se koristi čitači zaslona.

Primamljivo je razmišljati o oblikovanju govora u smislu spola, visine, naglaska i drugih načina na koje i sami govorimo u stvarnom životu, ali to nije slučaj speak. Ta se razina kontrole trenutno razmatra voiceu CSS govornom modulu.

Više informacija

  • Razgovarajmo o govornom CSS-u
  • CSS Govorni modul spec
  • Korištenje API-ja Web Speech za simulaciju podrške za CSS Govor
  • Stack Overflow na podršci za govor

Podrška preglednika

U trenutku pisanja ovog članka nema podrške. Čini se da je Opera prije podržavala svojstvo -xv-prefiksom prije nego što se preglednik spojio s mehanizmom za blinkanje rendera koji koristi Chrome.

MDN govori o govoru kao u odnosu na stilove brojača:

 
  • 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 podržava, dok ažuriram ovaj članak.