Rääkima - CSS-trikid

Anonim

speakVara CSS on täpsustatud, kui brauser peaks rääkima sisu loeb, nagu läbi sõela lugeja.

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

Väärtused speak

  • auto: Kuni elementi pole display: blockja on visibility: visible, loetakse teksti foneetiliselt.
  • never: teksti ei loeta foneetiliselt
  • always: teksti loetakse foneetiliselt, olenemata displayväärtuse või esivanemate väärtustest speak.

Väärtused speak-as

Seotud speaksellega, kuidas teksti loetakse:

  • normal: Võtab brauseri vaikeseaded speak.
  • spell-out: Käsib brauseril täissõnade väljaütlemise asemel kirjutada atribuutide sisu.
  • digits: Loeb numbreid ükshaaval, näiteks 69 loeks “kuus üheksa”. Kena.
  • literal-punctuation: Täpsustab kirjavahemärgid (nagu semikoolonid), mitte ei käsitle neid pausidena.
  • no-punctuation: Jätab kirjavahemärgid täielikult vahele.

Kuidas kõnet "stiilite"?

See speakvara on vähem seotud ekraanilugeja kõne kujundamisega kui ekraanilugejate kasutamisel saidi juurdepääsetavuse kogemuse kohandamine.

On ahvatlev mõelda stiilikõne soost, helikõrgusest, aktsendist ja muudest viisidest, mida me ise reaalses elus räägime, kuid see pole nii speak. Seda kontrollitaset kaalutakse praegu voiceCSS-i kõnemoodulis.

Rohkem informatsiooni

  • Räägime kõnest CSS-ist
  • CSS kõnemooduli spetsifikatsioon
  • Veebikõne API kasutamine CSS-kõne toe simuleerimiseks
  • Virna ületäitumine Speaki toele

Brauseri tugi

Selle kirjutamise ajal pole tuge. Näib, et Opera toetas vara algupäraselt -xv-eesliitega enne brauseri ühinemist Chrome'i kasutatava renderdusmootoriga Blink.

MDN räägib kõnepruugist seoses loendistiilidega:

 

    

  • One
    • 

  • Two
    • 

  • Three
    • 

  • Four
    • 

  • Five
    • 



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

Seda artiklit värskendades toetab Firefox seda.