CSS3:CSS 听觉参考手册

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、

http://www.w3school.com.cn/cssref/css_ref_aural.asp

6.返回顶部
作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/storebook/p/9397126.html

时间: 2024-10-10 08:37:34

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

css简单参考手册(不断更新)

css3参考手册 1.css3属性参考手册 2.css3选择器参考手册 例子: <head><style>.test <-----CSS .class 选择器   1  针对所有class="test"元素 {background-color:yellow;} p.test <-----CSS .class 选择器   2   只针对p  class="test"元素{background-color:yellow;}</s

css选择器参考手册

选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 * * 选择所有元素. 2 element p 选择所有 <p> 元素. 1 element,element div,p 选择所有 <div> 元素和所有 <p> 元素. 1 element element div p 选择 <di

CSS 选择器参考手册

选择器 例子 例子描述 CSS .class .intro 选择 class="intro" 的所有元素. 1 #id #firstname 选择 id="firstname" 的所有元素. 1 * * 选择所有元素. 2 element p 选择所有 <p> 元素. 1 element,element div,p 选择所有 <div> 元素和所有 <p> 元素. 1 element element div p 选择 <di

css3参考手册

最近在学习CSS3,刚从网上找到CSS3参考手册与大家分享: CSS 参考手册 CSS 参考手册 CSS 选择器 W3School 的 CSS 参考手册定期通过所有主流浏览器进行测试. CSS 属性 CSS 属性组: 动画 背景 边框和轮廓 盒(框) 颜色 内容分页媒体 定位 可伸缩框 字体 生成内容 网格 超链接 行框 列表 外边距 Marquee 多列 内边距 分页媒体 定位 打印 Ruby 语音 表格 文本 2D/3D 转换 过渡 用户界面 "CSS" 列指示该属性是在哪个 CS

angular参考手册拷贝

AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用程序的根元素. ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符 ng-bind-template 规定要使用模板替换的文本内容 ng-blur 规定 blur 事件的行为 ng-change 规定在内容改变时要执行的表达式 ng-check

小生总结:新手必看的jQuery参考手册主要API

本文整理了一些主要的jQuery API,其中包括jQuery 核心函数和方法.jQuery属性参考手册.jQuery CSS操作.jQuery选择器.jQuery文档操作.jQuery筛选操作.jQuery事件方法.jQuery效果.jQuery Ajax操作.jQuery工具函数.jQuery事件对象.jQuery延迟对象.jQuery回调函数,欢迎收藏使用. jquery核心函数 函数                                 描述 jQuery()    这个函数接

《HTML参考手册》学习指南

<HTML 参考手册>是学习HTML过程中不可或缺的一个重要工具,配合W3Cschool首页的<HTML教程>相信你一定能很很快学会它的. 一.HTML是什么? HTML(Hyper Text Mark-up Language )即是超文本标记语言,是 WWW 的描述语言,由 Tim Berners-lee提出.通过使用标记标签来描述页面文档结构和表现形式的一种语言,再由浏览器进行解析,然后把结果展示在网页上.HTML标签是网页构成的基础,我们所见到的几乎所有网页都离不开HTML,

AngularJS 参考手册

AngularJS 参考手册 AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应用程序的根元素. ng-bind 绑定 HTML 元素到应用程序数据 ng-bind-html 绑定 HTML 元素的 innerHTML 到应用程序数据,并移除 HTML 字符串中危险字符 ng-bind-template 规定要使用模板替换的文本内容 ng-blur 规定 blur 事件的行为 ng-change 规定在内容改变时要执行的表达式 ng-check

DHTML参考手册

中文DHTML参考手册 本dhtml教程由宏博内容管理系统为它的Smarty模板制作者收集的,目的是可以做出更加精美的模板.下面列出了由动态 HTML 定义的对象.DHTML中文参考手册,实用dhtml文档教程,点击链接即可前往对象的定义,其中包含了该对象的所有成员集. DHTML对象 !DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD). a 标明超链接的起始或目的位置. acronym 标明缩写词. address 特定信息,如地址.签名.作者.此文档的原创者. applet