Posts da Tag ‘acessibilidade’

Eu não gosto de postar notícias no meu blog, não é esse o foco (não sou jornalista, rs), mas quando a notícia é boa, vale a pena fazer pelo menos um trackback.

O Google vem desenvolvendo um novo algoritmo para indexação de conteúdo em Flash em todos os tipos de arquivos, a partir de menus, botões e banners em flash, até websites feitos inteiramente em Flash. Recentemente, o Google melhorou o desempenho deste algoritmo para indexação em Flash através da integração da tecnologia Adobe Flash Player.

No passado, web designers enfrentaram desafios ao escolherem o Flash para desenvolver um site de conteúdo, porque eles não eram indexáveis pelos motores de busca. Eles precisavam fazer um esforço extra para garantir que seu conteúdo também fosse apresentado de outro modo para que os motores de busca pudessem vir a indexá-los.

Abaixo segue algumas questões sobre a indexação do conteúdo:

Quais arquivos Flash o Google indexará agora?

O que acho disso?? Eu acho ótimo!! Ao contrário de alguns desenvolvedores que detestam o Flash, eu gosto bastante. Dá pra fazer muita coisa legal com as funcionalidades do Flash, efeitos visuais incríveis e modernos, afinal, a interface do site é tão importante quanto desempenho.

E por falar em desempenho… tá certo que geralmente sites em Flash são pesados, demorados e nada usuais… mas isso depende muito de quem fez, se um site em Flash é pesado demais ou os textos não são selecionáveis ou as imagens insalváveis, isso é culpa do designer sem noção que não sabe que dá pra arrumar isso.

E o fato de leitores de tela não lerem o conteúdo de sites em Flash? Bem… aí é um problema mesmo, que a única solução que eu imagino é ter uma segunda versão do site com adaptações e totalmente feito com texto, justamente para os usuários que dependem desses leitores. Espero que daqui há um tempo seja resolvido isso também, afinal, até a questão da indexação já tá sendo resolvida… o Google sempre dá o primeiro passo.

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