13. 語(yǔ)音
CSS3的語(yǔ)音模塊CSS3可以讓你為屏幕閱讀者指定語(yǔ)音樣式。你可以控制語(yǔ)音的不同設(shè)置，比如:
- voice-volume
使用從0到100的數(shù)字(0 即靜音)、百分?jǐn)?shù)或關(guān)鍵詞(silent,x-soft,soft,medium,loud 和x-loud等)來(lái)設(shè)置音量。
- voice-balance
控制來(lái)自哪個(gè)聲道(如果用戶的音箱系統(tǒng)支持立體聲)。
- Speak
指示屏幕閱讀器閱讀相關(guān)的文字、數(shù)字或標(biāo)點(diǎn)符號(hào)。可用的關(guān)鍵詞為none, normal, spell-out, digits, literal-punctuation, no-punctuation 和inherit.
- Pauses and rests
在一個(gè)元素的被讀完之前或之后設(shè)定暫�；蛲Ｖ埂Ｄ憧梢允褂脮r(shí)間單位(比如, “2s” 表示2 秒鐘) 或關(guān)鍵詞(none,x-weak, weak, medium, strong 和x-strong)。
- Cues
使用聲音限制特定元素并控制器音量。
- voice-family
設(shè)定特定的聲音類(lèi)型和聲音合成(就像font-family)。
- voice-rate
控制閱讀的速度�？梢栽O(shè)置為百分?jǐn)?shù)或關(guān)鍵詞: x-slow, slow,medium, fast 和x-fast.
- voice-stress
指示應(yīng)該使用的任何重音(強(qiáng)語(yǔ)氣)，使用不同的關(guān)鍵詞: none, moderate,strong 和 reduced.
比如，告訴屏幕閱讀器使用男聲讀取所有的h2 標(biāo)簽，用左邊的喇叭，用軟調(diào)按照指定的聲音，可以像下面這樣指定樣式： h2 {
voice-family: female;
voice-balance: left;
voice-volume: soft;
cue-after: url(sound.au);
} 不幸的是，這個(gè)屬性現(xiàn)在只有非常少的支持，但是顯然值得關(guān)注因?yàn)槲覀兛梢栽趯?lái)提高我們網(wǎng)站的易用性。
瀏覽器支持: 現(xiàn)在，只有Opera 瀏覽器（Windows XP and 2000）支持語(yǔ)音模塊的部分屬性。為了使用它們，需要使用-xv- 前綴，比如-xv-voice-balance: right。
擴(kuò)展閱讀：
結(jié)尾
CSS3 屬性可以極大的提高你的工作流，讓一些最耗時(shí)的CSS任務(wù)不費(fèi)吹灰之力就能搞定，并且可以使用更好、更簡(jiǎn)潔和更輕的代碼標(biāo)簽。一些屬性尚未被廣泛的支持，甚至是最新的瀏覽器，但這并不意味著我們不能用它們進(jìn)行試驗(yàn)或者為使用先進(jìn)瀏覽器的用戶更高級(jí)的功能和CSS樣式。
在這點(diǎn)兒上，請(qǐng)記住，培養(yǎng)我們的用戶 也同樣是有用和必須的：網(wǎng)站無(wú)需看起來(lái)在每個(gè)瀏覽器里都要保持一致，而且如果一個(gè)差異不（負(fù)面）影響美學(xué)和網(wǎng)站的可用性，它就應(yīng)該是被考慮的。如果我們繼續(xù)浪費(fèi)大量的時(shí)間和金錢(qián)以使每個(gè)細(xì)節(jié)絕對(duì)一致(而不是采用更靈活的和未來(lái)導(dǎo)向的方案)， 用戶將沒(méi)有升級(jí)他們的瀏覽器的任何需要/動(dòng)機(jī)，這樣我們就不得不在舊的瀏覽器變?yōu)楣哦?jí)瀏覽器以及強(qiáng)大的現(xiàn)代瀏覽器變?yōu)闃?biāo)準(zhǔn)之前等待很長(zhǎng)的時(shí)間
我們?cè)囼?yàn)和使用新的CSS3屬性越早，它們就被流行的瀏覽器支持的更早，我們也就能夠更早的廣泛使用它們。
推薦閱讀及資源：
關(guān)于原作者
Inayaili de León是一個(gè)葡萄牙的網(wǎng)頁(yè)設(shè)計(jì)師。她對(duì)網(wǎng)頁(yè)設(shè)計(jì)和前端編碼真的非常感興趣，而且喜歡漂亮和簡(jiǎn)潔的網(wǎng)站。她居住在倫敦。你可以在Web Designer Notebook上看到她的更多文章，并follow her on Twitter.
英文原文:Take Your Design To The Next Level With CSS3
翻譯原文:用CSS3將你的設(shè)計(jì)帶入下個(gè)高度
本文鏈接：http://www.95time.cn/tech/web/2009/6930.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁(yè) 媒體查詢 下一頁(yè)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 13 頁(yè) 語(yǔ)音
