为网页中的特定内容指定不同的声音

Question

我试图找到有关编写盲人可以访问的网页的信息,但尚未找到有用的信息.具体来说,我正在寻找的是如何向屏幕阅读器提供有关如何阅读我的页面内容的具体说明.我知道屏幕阅读器的覆盖用户设置可能被视为一种烦恼,但是,我希望可以访问的内容是诗歌,戏剧,故事和其他类型的创意写作.由于在同一个文档中经常会有很多不同的人物说话,如果有一种方法让我能够指定屏幕阅读器语音的不同特征,以便让盲人(或任何真正的人)有机会可听见,那将会很棒区分单独的说话人物.现在,我正在做的是使用叙述者告诉正在讲话的听众,这非常不自然,令人分心.

内容的一个例子可能是:

布伦达:嘿,吉米!这是怎么回事？

吉米:布兰达!看看!你听起来像个女士,我听起来像个男人!

慢孩子:噢......我听起来很慢......

那么,有没有办法让我定义标签,属性或以某种方式将脚本附加到元素,以便更改网页中特定内容的发言权？是否有我可以使用的标准,以便在IE和Firefox中以类似的方式呈现语音文本？那么本机浏览器支持,我已经看过一些用于屏幕阅读的插件,但我很好奇是否有任何内置于IE或Firefox中的文本到语音支持,所以我不必安装插件.

更新:黑客在Firefox中执行此操作的方式:

如果找到更简单的方法,请给出更好的答案!

这是一个有点前途的东西..."speak.js"引用:

"speak.js是eSpeak的一个端口,它是一个开源语音合成器,使用Emscripten从C++到JavaScript."

一个关于Mozilla的开发博客文章speak.js.

在源speak.js' GitHub的页面:kripken/speak.js从readme.markdown引用:

"选项

你也可以通过调用speak()来指定一些选项

speak('hello world', { option1: value1, option2: value2 .. })

可用选项包括:

amplitude: How loud the voice will be (default: 100)
pitch: The voice pitch (default: 50)
speed: The speed at which to talk (words per minute) (default: 175)
voice: Which voice to use 
       (for a non-default voice, requires you to build speak.js
       to include the proper data. See Language Support
       below) (default: en/en-us)
wordgap: Additional gap between words in 10 ms units (default: 0)
noWorker: Do not use a web worker (see below in 'Architecture')

例如

speak('hello world', { pitch: 100 })

会以高调的声音说话."

注意:

这仅适用于Firefox.虽然它不是我想要的,但似乎完全可以使用javascript来解析HTML并使用属性来触发"speak"命令以及我想要的任何选项.这将需要一些工作,但最终我可能会得到一个可以尝试在上下文中读取页面的机器人!:d

Answer 1

目前我可以指出的唯一方向是http://www.w3.org/TR/CSS21/aural.html和http://www.w3.org/TR/css3-speech/#aural-model。

对于优化屏幕阅读器等辅助技术来说，真正有用的资源并不多。但也许其他一些比我知识渊博的成员能够提供更大的帮助。