Um dos sites que está presente em meu del.icio.us é o blog de desenvolvimento do pessoal do Opera.

E lendo um dos posts do blog, encontrei um que falava sobre criar tabelas totalmente acessíveis (texto em inglês), algo por qual me interessei muito.

Sugiro que vocês dêem uma lida, pois facilita a leitura de tabelas pelos leitores de telas usados por pessoas com deficiência visual além de não exigir nenhum esforço a mais no desenvolvimento. Para os mais interessados no Google, sim isso também ajuda ao Google entender melhor o que significa todos aqueles dados e, possivelmente, retornar seu site em buscas relacionadas à eles.

Além de ajudar na leitura da tabela, ela irá também facilitar na criação do CSS quando determinadas colunas possuem um estilo diferente, por exemplo. Isso evita a utilização de uma class em todas as colunas e linhas da tabela.

Apesar de o texto estar em inglês, quem não entende muito - ou nada - conseguirá se virar bem. Só de ler o código é possível ver o que cada coisa faz.

Você tem todo o direto de usar Javascript para criar animações, validar dados ou melhorar a interação com o usuário. Porém, não pode obrigar o usuário a ter o Javascript ativado para acessar seu site.

Criar scripts em Javascript não-obstrutivo é, relativamente, simples.

Mas, o que seria um script não-obstrutivo? Scripts não-obstrutivos são Javascripts que apenas complementam uma determinada ação. Ou seja, se você não estiver com o javascript habilitado, você conseguirá realizar a determinada ação, mas de forma mais direta e menos interativa.

Vamos a um exemplo de script obstrutivo:

<a href="#" onclick="if(confirm('Tem certeza de que deseja sair dessa página?')) window.close();">Sair</a>

Caso o usuário não esteja com o javascript habilitado, o link do código acima não irá realizar nenhuma função, já que o href é apenas uma âncora para o nada.

Para transformar o código acima em um código não-obstrutivo, um simples link resolve o problema:

<a href="http://www.google.com/" onclick="if(confirm('Tem certeza de que deseja sair dessa página?')) window.close();" onkeypress="if(confirm('Tem certeza de que deseja sair dessa página?')) window.close();">Sair</a>

Agora, se o usuário não estiver com o javascript habilitado, ele será redirecionado para o site do Google.

[Atualizado em 20/04/08]
Perceba que, além de colocada o evento onclick, adicionei também o evento onkeypress. Recomenda-se fazer isso para os deficientes visuais, que utilizam o teclado para navegação, ao invés do mouse. O mesmo deve-se fazer para os demais eventos:

• Use “onmousedown” com “onkeydown”;
• Use “onmouseup” com “onkeyup”
• Use “onclick” com “onkeypress”

Fonte: A Bengala Legal
[/atualizado]

Claro que o exemplo acima é muito simples, mas em sua grande maioria, simples observações como essa já ajudam os usuários - principalmente os deficientes visuais - e robôs de busca.

Uma forma fácil de desenvolver scripts não-obstrutivos é, antes de tudo, fazer seu site rodar 100% sem Javascript. Para isso, esqueça as funções interativas e pense somente no HTML, CSS e alguma outra linguagem server-side, como o PHP, caso venha a ter que usar.

Quando tudo estiver certo, rodando numa boa, você começa a preparar os Javascripts para interagir com o usuário. Após ter criado todas as funções em Javascript, desative ele em seu browser - no Firefox você faz isso em Tools > Options… > Aba Content > Deixar desligado a opção Enable JavaScript facilmente com a extensão Web Developer - e comece a navegar pelo site.

Se você fez bem suas funções, você nem deve perceber que o Javascript está desabilitado, ou seja, você deve conseguir realizar todas as ações disponíveis em seu site - adicionar comentários, navegar pelo menu, ler notícias, enviar e-mail (em formulários de contato) - igualmente antes de criar as funções.

Com a febre do Ajax, muitos sites não permitem que você navegue por eles sem ter o Javascript. Além de ser ruim para os usuários que desejam navegar com ele desativado - seja por segurança, preferência pessoal ou restrições físicas do computador - é ruim também para o site, pois o Google e outros buscadores não conseguirão indexar o site.

Você já tentou acessar o Gmail sem Javascript? Se não, então tente. Você irá se surpreender. Tudo funciona. Não há algumas funcionalidades que a versão com Javascript tem, mas o básico - que é checar e-mail - funciona muito bem.