CSS Aural - Estilos destinados à Acessibilidade Visual
É comumente usado por pessoas cegas, com dificuldade de visão ou que não possuem um ecrã para visualização. É utilizado, por exemplo, por Screen Readers, que é todo software que traduz de forma sonara (e sintetizada) o conteúdo, ao invés de exibi-lo.
Não é um FRAMEWORK, mas sim um MÓDULO do CSS, projetado para a acessibilidade.
Acredito que isso já responda todos os aspectos da pergunta e quanto à exemplos, segue:
h1, h2, h3, h4, h5, h6
{
voice-family: paul;
voice-stress: moderate;
cue-before: url(../audio/ping.wav);
voice-volume: medium 6dB;
}
p.heidi
{
voice-family: female;
voice-balance: left;
voice-pitch: high;
voice-volume: -6dB;
}
p.peter
{
voice-family: male;
voice-balance: right;
voice-rate: fast;
}
span.special
{
voice-volume: soft;
pause-after: strong;
}
...
<h1>I am Paul, and I speak headings.</h1>
<p class="heidi">Hello, I am Heidi.</p>
<p class="peter">
<span class="special">Can you hear me ?</span>
I am Peter.
</p>
A navegação em um site, feita sem auxílio visual, é feita através de saltos de elemento para elemento, assim o CSS Aural permiti estilizar como será lido para o usuário o elemento em foco, mudando entre masculino/feminino, definindo o volume e etc.
Apenas complementando o Aspecto de Testes/Screen Readers o DOSVOX é uma iniciativa Brasileira e Open Source.
Documentação da W3 acerca de CSS Aural e Speech: FONTE