Bercakap - Trik CSS

Anonim

The speakharta di CSS adalah untuk menyatakan jika pelayar yang berkata-kata kandungan yang ia berbunyi, seperti melalui pembaca skrin.

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

Nilai untuk speak

  • auto: Selagi elemen tersebut tidak display: blockdan tidak visibility: visible, teks akan dibaca secara lisan.
  • never: teks tidak akan dibaca secara lisan
  • always: teks akan dibaca secara lisan, tanpa mengira displaynilai atau nilai nenek moyang speak.

Nilai untuk speak-as

Berkaitan dengan speakbagaimana ia akan dibaca:

  • normal: Mengambil speaktetapan lalai penyemak imbas .
  • spell-out: Memerintahkan penyemak imbas untuk mengeja kandungan sifat dan bukannya menyebutkan perkataan yang lengkap.
  • digits: Membaca nombor satu demi satu, seperti 69 akan dibaca "enam sembilan". Bagus.
  • literal-punctuation: Mengeja tanda baca (seperti titik koma) daripada memperlakukannya seperti jeda.
  • no-punctuation: Sepenuhnya melangkau tanda baca.

Bagaimana anda "gaya" ucapan?

The speakhartanah adalah kurang tentang menggayakan ucapan pembaca skrin daripada ia menjahit pengalaman Kebolehcapaian tapak apabila pembaca skrin yang digunakan.

Sangat menggoda untuk memikirkan gaya pertuturan dari segi jantina, nada, aksen dan cara lain yang kita sendiri bercakap dalam kehidupan sebenar, tetapi itu tidak berlaku speak. Tahap kawalan itulah yang sedang dipertimbangkan voicedalam Modul Ucapan CSS.

Maklumat lanjut

  • Mari Bercakap Tentang Ucapan CSS
  • Spesifikasi Modul Ucapan CSS
  • Menggunakan Web Speech API untuk mensimulasikan sokongan CSS Speech
  • Stack Overflow on Speak Support

Sokongan Penyemak Imbas

Tidak ada sokongan pada masa penulisan ini. Nampaknya Opera biasanya menyokong harta tanah dengan -xv-awalan sebelum penyemak imbas bergabung dengan mesin rendering Blink yang digunakan oleh Chrome.

MDN bercakap mengenai bercakap-seperti yang berkaitan dengan gaya kaunter:

 

    

  • One
    • 

  • Two
    • 

  • Three
    • 

  • Four
    • 

  • Five
    • 



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

Firefox menyokongnya, semasa saya mengemas kini artikel ini.