CSS3:CSS 听觉参考手册

时间:2022-08-26 17:48:06
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.返回顶部
 
CSS3:CSS 听觉参考手册 作者: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-]&quot ...

随机推荐

  1. 针对C#程序做性能测试的一些基本准则

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:针对C#程序做性能测试的一些基本准则.

  2. PHP - 代码分离

    总代码: <?php /* * Version:1.0 * CreateTime:2015年11月11日 * Author:HF_Ultrastrong *///引入公共文件,在公共文件中创建, ...

  3. 首款符合PICO-ITX规格的A20开源硬件开发平台

    http://mp.weixin.qq.com/mp/appmsg/show?__biz=MjM5NzM0MjcyMQ==&appmsgid=10001083&itemidx=2&am ...

  4. JPA EntityManagerFactory Vs Hibernate’s SessionFactory

    JPA使用EntityManagerFactory开闭session,而Hibernate使用SessionFactory开闭session.两者区别: 1. EntityManagerFactory ...

  5. Android scrollview嵌套webview滑动冲突的解决方案

    在Android开发中有时我们需要在scrollview中嵌套webview这时你会发现这两者的滑动事件产生了冲突导致:webview很难被滑动,即使被滑动了一点也非常不顺畅.解决方案也比较简单只需要 ...

  6. 菜鸟入门【ASP&period;NET Core】15&colon;MVC开发:ReturnUrl实现、Model后端验证 、Model前端验证

    ReturnUrl实现 我们要实现returnUrl,我们需要在注册(Register)方法中接收传进的returnUrl并给它默认值null,然后将它保存在ViewData里面 然后我们定义一个内部 ...

  7. C&num; DateTime的 ParseExact和 TryParseExact 使用说明

    最近需要把“20121010”转换为“2012-10-10”格式,直接用Convert.ToDateTime("20121010"),系统报错“未被识别的DateTime类型”. ...

  8. Oracle自定义函数和存储过程示例,自定义函数与存储过程区别

    参考资料:http://www.newbooks.com.cn/info/60861.html oracle自定义函数学习和连接运算符(||) 贴一段中文文档示例,应该就可以开始工作了: --过程(P ...

  9. 面试题&colon;jsp九大内置对象

    我们常说的JSP有九大内置对象分别为:request.response.session.out.pagecontext.page.exception.application.config. 我们知道, ...

  10. Problem A&colon; 零起点学算法16——鸡兔同笼

    #include<stdio.h> int main() { int n,m,a,b; while(scanf("%d %d",&n,&m)!=EOF) ...