Beszélni CSS-trükkök

Anonim

A speakCSS tulajdonság azt adja meg, hogy egy böngészőnek beszélnie kell-e az elolvasott tartalmat, például képernyőolvasón keresztül.

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

Értékei speak

  • auto: Mindaddig, amíg az elem nincs display: blockés van visibility: visible, a szöveg hangzásban lesz olvasható.
  • never: a szöveg nem lesz hallható hangzásban
  • always: a szöveg hangzásban lesz olvasható, függetlenül displaya speak.

Értékei speak-as

Kapcsolatos speak, mint kap be, hogy a szöveg lesz olvasható:

  • normal: Megteszi a böngésző alapértelmezett speakbeállításait.
  • spell-out: Utasítja a böngészőt, hogy a teljes szavak kimondása helyett írja le a tulajdonságok tartalmát.
  • digits: Egyenként olvassa a számokat, például 69-et „hat kilenc” -re írnánk. Szép.
  • literal-punctuation: Az írásjelek (például pontosvesszők) megfogalmazása ahelyett, hogy szünetként kezelné őket.
  • no-punctuation: Teljesen kihagyja az írásjeleket.

Hogyan „stílusosítja” a beszédet?

A speaktulajdonság kevésbé a képernyőolvasó beszédének stílusáról szól, mint a webhely akadálymentességének testreszabása a képernyőolvasók használatakor.

Kísértő, hogy a beszédet nemre, hangmagasságra, akcentusra és más módon gondoljuk, amellyel mi magunk beszélünk a való életben, de ez nem így van speak. A voiceCSS beszédmodul jelenleg ezt az ellenőrzési szintet vizsgálja .

Több információ

  • Beszéljünk a Beszéd CSS-ről
  • CSS Speech Module specifikáció
  • A Web Speech API használata a CSS Speech támogatásának szimulálására
  • Verem túlcsordulás a Speak támogatáson

Böngésző támogatás

Az írás idején nincs támogatás. Úgy tűnik, hogy az Opera natívan -xv-előtaggal támogatta az ingatlant, mielőtt a böngésző összeolvadt volna a Chrome által használt Blink renderelő motorral.

Az MDN a beszédkészletről beszél a számláló stílusokkal kapcsolatban:

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

A Firefox ezt támogatja, mivel frissítem ezt a cikket.