CSS `听觉`属性

听觉属性定义文档的听觉呈现。

听觉样式表

听觉样式表是 CSS 的一部分，它使用语音合成和声音效果的组合使网络文档更容易被视障者和屏幕阅读器访问。

可以使用听觉的演示：

盲人
在汽车中
在家庭娱乐等设备中
工业和医疗文档系统
帮助学习阅读或阅读困难的用户

使用听觉属性时，画布由 3D 物理空间（声音环绕）和时间空间（可以指定其他声音之前、期间和之后的声音）组成。 CSS 属性还允许您改变合成语音的质量（语音类型、频率、变形等）。

听觉样式表示例：

示例

Try this code »

h1, h2, h3, h4, h5, h6 {
    voice-family: male;
    stress: 20;
    richness: 90;
    cue-before: url("pop.au");
}
p {
    azimuth: center-left;
}
quotes {
    volume: x-soft;
}

这将引导语音合成器以非常丰富的男声（一种"音频字体"）说出标题。在说出标题之前；将从给定的 URL 播放声音样本。

段落似乎来自左前方（如果音响系统能够播放空间音频）。而且引号会很柔和。

Property	Values	说明
`azimuth`	angle `left-side` `far-left` `left` `center-left` `center` `center-right` `right` `far-right` `right-side` `behind` `leftwards` `rightwards` `inherit`	设置声音的水平方向。
`cue`	cue-before cue-after `inherit`	在一个声明中设置提示属性（即 cue-before 和 cue-after）的简写。
`cue-after`	`none` url `inherit`	指定在说出一个元素的内容后播放的声音以将其与其他元素分隔。
cue-before	`none` url `inherit`	指定在说出一个元素的内容之前要播放的声音以将其与其他元素分隔开来。
elevation	angle `below` `level` `above` `higher` `lower` `inherit`	设置声音的垂直来源。
`pause`	pause-before pause-after `inherit`	在一个声明中设置暂停属性（即 pause-before 和 pause-after）的简写。
`pause-after`	time % `inherit`	指定在说出元素内容后要观察的暂停。
`pause-before`	time % `inherit`	指定在说出元素内容之前要观察的停顿。
`pitch`	frequency `x-low` `low` `medium` `high` `x-high` `inherit`	指定说话声音的平均音高（频率）。语音的平均音高取决于语音系列。
`pitch-range`	number `inherit`	指定平均音高的变化。
`play-during`	`auto` `none` `url` `mix` `repeat` `inherit`	指定在说出元素内容时作为背景播放的声音。
`richness`	number `inherit`	指定说话声音的丰富度。
`speak`	`normal` `none` `spell-out` `inherit`	指定文本是否以听觉方式呈现，如果是，以何种方式呈现。
`speak-header`	`always` `once` `inherit`	指定是在每个单元格之前读出表格标题，还是仅在该单元格与与前一个单元格不同的标题关联时才在该单元格之前读出。
`speak-numeral`	`digits` `continuous` `inherit`	指定数字的发音方式。
`speak-punctuation`	`none` `code` `inherit`	指定标点符号的发音方式。
`speech-rate`	number `x-slow` `slow` `medium` `fast` `x-fast` `faster` `slower` `inherit`	指定语速，即每分钟说的字数。
`Stress`	number `inherit`	指定说话声音中的"重音"。
`voice-family`	specific-voice generic-voice `inherit`	指定以逗号分隔的优先级语音姓氏列表。
`volume`	number % `silent` `x-soft` `soft` `medium` `loud` `x-loud` `inherit`	指定说话声音的音量。

CSS 听觉属性

听觉样式表

示例

关于我们

联系方式

互动工具

CSS `听觉`属性