‘speak’
controla se o conteúdo vai ou não ser lido, e caso positivo se vai ser soletrado ou lido normalmente.

‘pause’, ‘pause-before’, e ‘pause-after’
controla as pausas antes e depois de uma leitura. Isto permite ao usuário separar conteúdos, melhorando seu entendimento.

‘cue’, ‘cue-before’, e ‘cue-after’
especifica um som a ser reproduzido antes e depois do conteúdo, o que pode ser valioso para orientação (bastante parecido a um ícone visual).

‘play-during’
controla um som de fundo enquanto o documento é renderizado (bastante parecido a uma imagem de fundo).

‘azimuth’ e ‘elevation’
proporciona uma dimensão ao som, o que permite ao usuário distinguir vozes, por exemplo.

‘speech-rate’, ‘voice-family’, ‘pitch’, ‘pitch-range’, ‘stress’ e ‘richness’
controla a qualidade do conteúdo lido. Variando estas propriedades para os diferentes elementos, os usuários podem fazer uma sintonia fina nos conteúdos lidos da apresentação auditiva.

‘speak-punctuation’ e ‘speak-numeral’
controla a maneira como números e sinais de pontuação são lidos, o que afeta a qualidade da experiência de uma navegação auditiva.

‘speak-header’
controla como deve ser lida as células de cabeçalho, antes das células de conteúdo.

Assuntos relacionados:

• Colocar Rodapé fixo no bottom
• Refresh apenas no CSS da página
• Mestre Yo – Desenho em CSS
• Banner com DIV Flutuante e Transparente
• Biblioteca JavaScript conserta bugs do Internet Explorer

Coloque os atributos “alt” ou “title” em todas as imagens do site; Isso é importante para quando o navegador do usuário não tiver suporte á imagem a ser visualizada. O que aparecerá no lugar dela será o texto. É melhor do que um buraco vazio no seu layout.

2.

Porém, se sua imagem for apenas decorativa, não precisa colocar texto no “alt”, pode deixar o espaço entre as aspas em branco. Afinal, não há necessidade de o usuário que não puder visualizar a imagem de borda do seu site, ver escrito “borda-branca” no layout né?!

3.

Seu site possui conteúdo de áudio? Não esqueça que pessoas surdas também navegam na internet. Certifique-se que há alguma legenda ou texto descritivo sobre a mensagem sonora.

4.

Um formulário de contato possui os textos ‘nome’, ‘e-mail’ e ‘comentários’ cada um deles próximo ao seu respectivo campo onde os usuários entrarão com os seus dados. Clique sobre o texto descritivo do campo e deverá aparecer o cursor ‘piscando’ no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento no formulário e isto poderá tornar o formulário inacessível para alguns usuários (mais detalhes sobre acessibilidade em formulários, consulte: WaSP tutorial com mais informações sobre acessibilidade em formulários).

5.

No Internet Explorer (usado por 90% dos internautas) vá em View > Font size > Largest. O texto do seu web site aumentou de tamanho? Se não aumentou o seu site estará inacessível para usuários portadores de baixa visão. No Mozzila o comando é Crtl+ e Crtl-.

6.

Teste seu site para browsers de Linux em http://www.delorie.com/web/lynxview.html

7.

Se o seu site tem muitas páginas internas, faça um mapa-do-site, e deixe o botão para acessá-lo visivel.

8.

Você pode navegar seu site usando somente tab, shift-tab e return? Se isto não for possível, seu site será inacessível para usuários impossibilitados do uso de mouse bem como a usuários com leitores de tela. Deixe seu mouse de lado e navegue com o teclado para testar.

9.

Usuários portadores de deficiência visual total, navegam por sites na Internet valendo-se da ‘tabulação’ pelos links. Os textos descritivos dos links tem sentido? ‘Clique aqui’ e ‘mais’ são dois exemplos bem comuns de textos não descritivos para links. Se você estiver restrito a frases curtas para descrever seus links, considere o uso do atributo title no elemento a para suprir uma informação adicional sobre o destino do link, p.ex.:

<a title="Como obter descontos adicionais nas suas compras " href="http://putitanga.zip.net/descontos.html">Descontos adicionais</a>

10.

Existem dois programas que checam a acessibilidade do site pra vc, mas não baseie-se somente neles! Faça seus testes manualmente também!

Bobby – http://bobby.watchfire.com/

Wave – http://www.wave.webaim.org/

Links

Para mais informações sobre Acessibilidade, acesse o site Acesso Digital, o blog Web Para Todos e o site Bengala Legal que é feito por um homem com deficiencia visual.

Assuntos relacionados:

• Google aprende a indexar o Flash [2]