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 |