Posts da Categoria ‘acessibilidade’

‘volume’
controla o volume do texto lido.


’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.

1.

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

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.

    follow me on Twitter