Archive for the ‘dicas’ Category

Manual da usabilidade

Posted on January 2nd, 2009 by fspina

get a simple

Get a simple

Accessible Web Search

Posted on November 10th, 2008 by fspina

Google lançou um mecanismo de busca acessível, facilitando o uso pelo teclado.

Google Accessible Search

Para saber mais sobre esse mecanismo e como usar: http://www.google.com/experimental

Current keyboard shortcuts include:

Key Action
j or DOWN Selects the next item.
k or UP Selects the previous item.
l or RIGHT Moves to the next category (results, sponsored links, refinements).
h or LEFT Moves to the previous category (results, sponsored links, refinements).
<Enter> Opens the selected result.
/ Puts the cursor in the search box.
n Moves to the next result, and fetches more results if necessary.
p Moves to the previous result, reloading earlier results if necessary.
= Magnifies current item
- Shrinks current item
A Switches to Accessible Search Results
W Switches to regular Web Search Results

For now, you need to use the Firefox 3 web browser with this experiment. This note will be updated as other browsers are added. Magnification already works with Google Chrome and Apple’s Safari.

Mobile Web Best Practices 1.0

Posted on September 7th, 2008 by fspina

Novo documento oferecido pelo W3C sobre melhores práticas de desenvolvimento de website para plataforma móvel.

Mobile Web Best Practices (MWBP) Flipcards

Mobile Web Best Practices (MWBP) Flipcards

10 maneiras de mobilizar seu site.

  1. Design para Web 1
  2. padronizar o uso de Web standards
  3. Ficar longe para conhecer o perigo
  4. Esteja atento das limitações do dispositivo
  5. Otimize a navegação
  6. Checar os gráficos e cores
  7. Mantenha ele pequeno
  8. Usar a rede moderadamente
  9. Ajuda e guia para usuário
  10. Pensar nos usuários utilizando

Tentei traduzir saiu mais ou menos isso, meu inglês anda meio fraco ainda.
Vi esse documento no blog do Daniel Camargo

10 erros comuns da acessibilidade na web

Posted on August 22nd, 2008 by fspina

Acabei de ver um post do Ivo Gomes, sobre os 10 principais erros na acessibilidade web:

  1. Usar frases grandes no texto ALT das imagens

  2. Usar caracteres aleatórios para separar os links

  3. Inserir texto nos campos vazios dos formulários

  4. Usar teclas de atalho

  5. Usar resumos nas tabelas (só são importantes se adicionarem valor à tabela)

  6. Esquecer os conteúdos

  7. Preocupar-se com grandes declarações sobre a acessibilidade

  8. Agonizar com os acrônimos e abreviações

  9. Alterar a ordem das tabulações (a não ser que haja uma boa razão para isso)

  10. Esquecer-se de ouvir o site num leitor de tela

Veja com mais detalhes cada um dos itens no blog dele

Dashboard preparado pra Sydney

Posted on August 11th, 2008 by fspina

Dashboard preparado pra Sydney

Com a temperatura e horários de São Paulo/Sydney.
Calendário, Rádio com estações do mundo inteiro, cotações das ações e bolsa de valores.
Quais widgets do Dashboard vocês usam?

Programa facilita acesso à web para cegos

Posted on July 19th, 2008 by fspina

Deficientes visuais geralmente usam computadores com a ajuda de softwares leitores de telas, mas estes produtos chegam a custar mais de US$ 1 mil nos Estados Unidos. Por isso, não são comuns em PCs públicos, como em bibliotecas ou cybercafés. Agora, um novo programa para cegos, baseado na web e gratuito, pretende mudar a situação.

Chamado WebAnywhere (na tradução, “web em qualquer lugar”), o programa foi desenvolvido por um aluno de ciência da computação da Universidade de Washington. Diferentemente de softwares que precisam ser instalados no PC, este é um aplicativo online que torna a navegação na web acessível a deficientes visuais em praticamente qualquer computador.

O desenvolvedor Jeffrey Bigham espera que, com esse programa, pessoas cegas possam confirmar o horário de um vôo em um computador público no aeroporto, por exemplo, ou enviar e-mails de um cybercafé.

Para rodar o WebAnywhere, é necessário conectar-se à web, o que pode ser complicado para um deficiente visual em computadores não programados para responder a comandos de voz. Mas uma pesquisa feita por Bigham mostrou que grande parte dos cegos acostumados a usar a Internet conhece vários atalhos de teclado e sabe quando pedir ajuda.

Uma vez conectado, o internauta cego pode usar o navegador WebAnywhere, que pode acessar e então ler em voz alta qualquer página. O único requisito é que o computador tenha caixas de som ou entrada para fones de ouvido. O programa é capaz de ler apenas títulos de seções, apenas tabelas ou a página toda.

O software pode ser um grande avanço em relação à total falta de acesso público à web para deficientes visuais, disse à agência AP a estudante cega Lindsay Yazzolino. Ela acha que a função de busca poderia ser melhor e gostaria que a navegação não exigisse tanto o uso do teclado, mas acha ótimo o fato de o programa ser gratuito.

O desenvolvedor espera que o programa, de código aberto, possa ser melhorado com colaborações.

Segundo a AP, o orientador de Bigham, Richard Ladner, espera que algum mecanismo de busca comercial adote o WebAnywhere como um módulo. Mas o maior desejo de Ladner é que programadores de Internet tenham deficientes visuais em mente quando criam suas páginas – uma mudança que poderia tornar o acesso à informação muito mais democrático.

A estudante cega Lindsay Yazzolino acha que o programa pode ser um grande avanço para deficientes visuais
A estudante cega Lindsay Yazzolino acha que o programa pode ser um grande avanço para deficientes visuais

O software pode ser acessado pelo endereço www.webanywhere.cs.washington.edu
Teve o caso de um designer que fez um site pornô para cegos

Redação Terra

Cool Icons

Posted on July 9th, 2008 by fspina

Tenho uma série de icones legais em meu del.icio.us e vou tentar compartilhar alguns links e referências nesse post.

Para customização e organizações de icones utiliza o CandyBar CandyBar desenvolvido pela Panic. (somente para usuários da plataforma Macintosh)

Bacana que eles tem uma página de extras que mostram sites que copiaram seus icones, vale a pena conferir.

Conheça as Produtoras de icones:

Read the rest of this entry »

Lorem Ipsum

Posted on May 20th, 2008 by fspina

Banner Lorem Ipsum

Meu forte nunca foi escrever e nem acho que eu tenho muito dom pra isso. Também não tenho interesse por textos muitos longos, porque acho que acaba perdendo o foco ou não é capaz de absorver o que ele realmente quer informar.

Se parar pra pensar tem muito mais texto “enchendo lingüiça” que os que atinge direto ao objetivo. Mais fácil colocar o famoso Lorem Ipsum (texto aleatório para preencher layouts) e fazer vários posts assim.

Navegação em dispositivo móvel

Posted on May 7th, 2008 by fspina

Encontrei uma solução para navegar sem precisar carregar determinados elementos das páginas como CSS, Javascript e outros. No qual demorava muito para abrir ou o browser não suportava.

Usando o PSP aqui, alguns sites são incompatíveis e na maioria das vezes não abrem.

Meu amigo Sergio, me mostrou uma solução para isso usando Mowser

É uma ferramenta que você digita o endereço do site e gera apenas o HTML e as Imagens da página.

Isso facilita para quem quer somente o conteúdo, se não for em Flash ou qualquer Applet, é claro.

Recomendo

Posted on April 28th, 2008 by fspina

O MAQ (do site Bengaja Legal) lançou seu site sobre Acessibilidade digital, com dicas e artigos interessantes!

Confira: http://acessibilidadelegal.com