CSS 聽覺 參考
聽覺樣式表
聽覺樣式表結合了語音合成和聲音效果,讓使用者聽取資訊,而不是閱讀資訊。
聽覺呈現可以用於
- 盲人
- 幫助學習閱讀的使用者
- 幫助有閱讀困難的使用者
- 家庭娛樂
- 在汽車裡
- 有閱讀障礙的社群
聽覺呈現將文件轉換為純文字,然後將其提供給螢幕閱讀器(一種讀取螢幕上所有字元的程式)。
聽覺樣式表的示例
@media aural {
h1, h2, h3, h4 {
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}
}
上面的例子將使語音合成器播放一個聲音,然後用非常豐富的男性聲音說出標題。
注意: aural CSS 媒體型別已被棄用。
CSS 聽覺參考
屬性 | 描述 | 值 |
---|---|---|
azimuth | 設定聲音應來自何處 | angle left-side far-left left center-left center center-right right far-right right-side behind leftwards rightwards |
cue | 在一處宣告中設定 cue 屬性 | cue-before cue-after |
cue-after | 指定在朗讀完元素內容後播放的聲音 | none url |
cue-before | 指定在朗讀元素內容前播放的聲音 | none url |
elevation | 設定聲音應來自何處 | angle below level above higher lower |
pause | 在一處宣告中設定 pause 屬性 | pause-before pause-after |
pause-after | 在朗讀完元素內容後指定一個停頓 | time % |
pause-before | 在朗讀元素內容前指定一個停頓 | time % |
pitch | 指定說話的聲音 | frequency x-low low medium high x-high |
pitch-range | 指定說話聲音的變化。(單調的聲音還是活潑的聲音?) | 數字 |
play-during | 指定在朗讀元素內容時播放的聲音 | auto none url mix 重複 |
richness | 指定說話聲音的豐富度。(豐富的聲音還是單薄的聲音?) | 數字 |
speak | 指定內容是否會進行聽覺渲染 | normal none spell-out |
speak-header | 指定如何處理表頭。表頭應該在每個單元格前被朗讀,還是隻在與前一個單元格表頭不同的單元格前朗讀? | always once |
speak-numeral | 指定如何朗讀數字 | digits continuous |
speak-punctuation | 指定如何朗讀標點符號 | none 程式碼 |
speech-rate | 指定說話的速度 | 數字 x-slow slow medium fast x-fast faster slower |
stress | 指定說話聲音的“重音” | 數字 |
voice-family | 指定說話的聲音家族 | specific-voice generic-voice |
volume | 指定說話的音量 | number % silent x-soft soft medium loud x-loud |