Puhua - CSS-temppuja

Anonim

speakOmaisuus CSS on mainittava, onko selaimen pitäisi puhua sisältöä lukee, kuten yhden näytönlukuohjelmaa.

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

Arvot speak

  • auto: Niin kauan kuin elementtiä ei ole display: blockja on visibility: visible, teksti luetaan foneetisesti.
  • never: tekstiä ei lueta äänekkäästi
  • always: teksti luetaan foneettisesti riippumatta displayarvosta speak.

Arvot speak-as

Liittyvä speaksillä pääsee miten teksti luetaan:

  • normal: Ottaa selaimen oletusasetukset speak.
  • spell-out: Kehottaa selainta kirjoittamaan ominaisuuksien sisällön sen sijaan, että puhuisi kokonaisia ​​sanoja.
  • digits: Lukee numerot yksi kerrallaan, kuten 69 lukisi "kuusi yhdeksän". Kiva.
  • literal-punctuation: Tarkoitetaan välimerkit (kuten puolipisteet) sen sijaan, että kohdellaan niitä taukoina.
  • no-punctuation: Ohittaa välimerkit kokonaan.

Kuinka "tyylität" puhetta?

speakOmaisuus on niinkään tyyli puheen näytönlukijaa kuin se räätälöi kokemus sivuston saavutettavuutta kun näytönlukijat käytetään.

On houkuttelevaa ajatella puheen muotoilua sukupuolen, sävelkorkeuden, aksentin ja muiden tapojen perusteella, joita itse puhumme tosielämässä, mutta näin ei ole speak. Tätä valvonnan tasoa tarkastellaan parhaillaan voiceCSS-puhemoduulissa.

Lisää tietoa

  • Puhutaan puhe CSS: stä
  • CSS-puhemoduulin tekniset tiedot
  • Web Speech -sovellusliittymän käyttäminen CSS-puheen tukemiseen
  • Pinoa ylivuotoa Speak-tukeen

Selaimen tuki

Tätä kirjoitusta ei ole tuettu. Vaikuttaa siltä, ​​että Opera tuki omaisuutta natiivisti -xv-etuliitteellä ennen kuin selain sulautui Chromen käyttämään Blink-renderointimoottoriin.

MDN puhuu puhumisesta suhteessa laskurityyleihin:

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

Firefox tukee sitä, kun päivitän tämän artikkelin.