ylbtech-CSS3:CSS 听觉参考手册
1.返回顶部
1、

听觉样式表

听觉样式表可把语音合成与音响效果相组合,使用户可以听到信息,而无需进行阅读。

听觉呈现可用于:

  • 视觉能力低弱的人士
  • 帮助用户学习阅读
  • 帮助有阅读障碍的用户
  • 家庭娱乐
  • 在汽车中使用

听觉呈现通常会把文档转化为纯文本,然后传给屏幕阅读器(可读出屏幕上所有字符的一种程序)。

听觉样式表的一个例子:

h1, h2, h3, h4
{
voice-family: male;
richness: 80;
cue-before: url("beep.au")
}

上面的例子可以让语音合成器演奏一段声音,然后用男性的声音读出标题。

CSS2 听觉参考

W3C : "W3C" 列的数字显示出属性由哪个 CSS 标准定义(CSS1 还是 CSS2)。

属性 描述 W3C
azimuth Sets where the sound/voices should come from (horizontally)
  • angle
  • left-side
  • far-left
  • left
  • center-left
  • center
  • center-right
  • right
  • far-right
  • right-side
  • behind
  • leftwards
  • rightwards
2
cue A shorthand property for setting the cue-before and cue-after properties in one declaration
  • cue-before
  • cue-after
2
cue-after Specifies a sound to be played after speaking an element's content to delimit it from other
  • none
  • url
2
cue-before Specifies a sound to be played before speaking an element's content to delimit it from other
  • none
  • url
2
elevation Sets where the sound/voices should come from (vertically)
  • angle
  • below
  • level
  • above
  • higher
  • lower
2
pause A shorthand property for setting the pause-before and pause-after properties in one declaration
  • pause-before
  • pause-after
2
pause-after Specifies a pause after speaking an element's content
  • time
  • %
2
pause-before Specifies a pause before speaking an element's content
  • time
  • %
2
pitch Specifies the speaking voice
  • frequency
  • x-low
  • low
  • medium
  • high
  • x-high
2
pitch-range Specifies the variation in the speaking voice. (Monotone voice or animated voice?)
  • number
2
play-during Specifies a sound to be played while speaking an element's content
  • auto
  • none
  • url
  • mix
  • repeat
2
richness Specifies the richness in the speaking voice. (Rich voice or thin voice?)
  • number
2
speak Specifies whether content will render aurally
  • normal
  • none
  • spell-out
2
speak-header Specifies how to handle table headers. Should the headers be spoken before every cell, or only before a cell with a different header than the previous cell
  • always
  • once
2
speak-numeral Specifies how to speak numbers
  • digits
  • continuous
2
speak-punctuation Specifies how to speak punctuation characters
  • none
  • code
2
speech-rate Specifies the speed of the speaking
  • number
  • x-slow
  • slow
  • medium
  • fast
  • x-fast
  • faster
  • slower
2
stress Specifies the "stress" in the speaking voice
  • number
2
voice-family A prioritized list of voice family names that contain specific voices
  • specific-voice
  • generic-voice
2
volume Specifies the volume of the speaking
  • number
  • %
  • silent
  • x-soft
  • soft
  • medium
  • loud
  • x-loud
2
2、
2.返回顶部
 
3.返回顶部
 
4.返回顶部
 
5.返回顶部
1、
 
6.返回顶部
 
作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

CSS3:CSS 听觉参考手册的更多相关文章

  1. CSS:CSS 选择器参考手册

    ylbtech-CSS:CSS 选择器参考手册 1.返回顶部 1. 我们会定期对 W3School 的 CSS 参考手册进行浏览器测试. CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需 ...

  2. CSS 选择器参考手册

    CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. "CSS" 列指示该属性是在哪个 CSS 版本中定义的.(CSS1.CSS2 还是 CSS3.) ...

  3. [转] CSS 选择器参考手册

    [From] http://www.w3school.com.cn/cssref/css_selectors.asp CSS3 选择器 在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素. ...

  4. css选择器参考手册

    选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstna ...

  5. Jquery与CSS选择器参考手册

  6. CSS3:CSS 参考手册

    ylbtech-CSS:CSS 参考手册 1.返回顶部 1. W3School 的 CSS 参考手册定期通过所有主流浏览器进行测试. CSS 属性 CSS 属性组: 动画 背景 边框和轮廓 盒(框) ...

  7. css3最新版中文参考手册在线浏览

    对于CSS 3.0,它对于我们Web设计人员来说不只是新奇的技术,更重要的是这些全新概念的Web应用给我们的设计开发提高了效率以及更多的无限可能性,我们将不必再依赖图片或者 Javascript 去完 ...

  8. css 参考手册 部署到本地

    * 到css参考手册网站 http://css.doyoe.com/ 下载chm手册 * 到github下载对应的html页面 cd /Applications/XAMPP/htdocs git cl ...

  9. css selector regexp css选择器 正则表达式 css 参考手册

    jQuery 选择元素  a.text-success, a.text-danger, a.text-primary, a.text-info $("a[class^=text-]" ...

随机推荐

  1. 以goroutine为例看协程的相关概念

    转自  http://wangzhezhe.github.io/blog/2016/02/17/golang-scheduler/ 基本上是网上相关文章的梳理,初衷主要是想了解下golang中的gor ...

  2. 关于position的小总结

    position:relative/absolute/fixed/static  ...... relative:相对定位. 脱离标准流,相对自己原来(标准流)的位置定位.absolute:绝对定位. ...

  3. Python web 框架:web.py

    web.py 是一个Python 的web 框架,它简单而且功能强大.web.py 是公开的,无论用于什么用途都是没有限 制的. web.py 安装: pip install web.py 下面开始我 ...

  4. hibernate5(10)注解映射[2]一对多单向关联

    在上一篇文章里.我们从端方向一端建立关联关系,完毕了从文章到作者的关联关系建立.但在实际的博客站点中,用户肯定还须要获取自己所写的文章,这时能够建立用户(一)对文章(多)的单向关联映射. 先来看我们的 ...

  5. Android学习笔记(十八)——使用意图筛选器和实现浏览网页(附源代码)

    使用意图筛选器 点击下载源代码 1.创建一个Intents项目,给该项目加入一个新类,命名为MyBrowserActivity.在res/layout目录下新增一个browser.xml: 2.在An ...

  6. anaconda的所有版本大全--下载地址

    地址: https://repo.continuum.io/archive/ 内容: Anaconda installer archive Filename Size Last Modified MD ...

  7. LeetCode:判断最长前缀

    之前一直忽略了一个问题就是:给定的空字符串数组 char* longestCommonPrefix(char** strs, int strsSize) { char* result; if(strs ...

  8. MySQL-怎样使update操作sleep一段时间

    )) a on mytest.id=a.id set mytest.name='xiaowang';

  9. eclipse中run as无run as server选项的解决方案

    在项目->右击->Properties->Project Facets->Modify Project,选择Java和DynamicWeb Module

  10. STL_算法_查找算法(find、find_if)

    C++ Primer 学习中. .. 简单记录下我的学习过程 (代码为主) find . find_if /**********************线性查找O(n) find(); find_if ...