Web para todos: Leitores de Telas para Deficientes Visuais

O seu site é acessível? Você pode testar a acessibilidade do seu site para deficientes visuais através de leitores de tela, como o software Jaws e o NVDA. Estes leitores lêem os textos e indicam elementos do seu site como botões, links, campos de formulários, cabeçalhos etc.

Obviamente que, para que seu site seja acessível, o primeiro passo a ser dado é desenvolvê-lo com padrões web, com foco na web semântica. Ou seja, para construir cabeçalhos devem-se utilizar as tags xhtml h1, h2, h3 e assim sucessivamente; para parágrafos usa-se p; tabelas devem ser construídas para dados tabulares, como por exemplo, dados de funcionários (nome completo, idade, filhos, salário etc). Formulários devem possuir recursos como fieldset, legend e label, entre outros.

Além da parte do xhtml, os textos do site devem ser bem escritos de forma a se tornarem claros; o Javascript deve ser colocado em uma camada separada, chamada Comportamento; e o mesmo deve ocorrer com o CSS, na camada que chamamos de Apresentação. Esta separação de CSS e Javascript é importante para navegadores e leitores de telas que não utilizam ou têm estes recursos desabilitados.

Como o assunto deste post são os Leitores de Telas para Deficientes Visuais, sugiro a leitura do artigo Navegação Via Teclado - Teclas de Atalho (Jaws, IE e FF), publicado por Marco Antonio de Queiroz (MAQ) no site Acessibilidade Legal. Este artigo possui uma grande riqueza de detalhes e explica deficiência visual e motora e utilização de teclas de atalho do Internet Explorer, do Firefox e dos leitores de telas Jaws e NVDA. O artigo também oferece os links para download do Jaws (versão demo) e do NVDA (software gratuito).

Passo a Passo para testar a acessibilidade do seu site:
1) Leia o artigo Navegação Via Teclado - Teclas de Atalho (Jaws, IE e FF), de Marco Antonio de Queiroz (MAQ).
2) Imprima o artigo e os artigos relacionados, referentes às teclas de atalho do Internet Explorer e do Firefox.
3) Faça os downloads dos leitores de tela Jaws e NVDA, disponíveis no artigo, e instale-os.
4) Após instalação, habilite o volume do seu computador.
5) Abra um dos leitores de tela instalados.
6) Digite o endereço do site para o qual você deseja testar a acessibilidade na barra de endereços do seu navegador e pressione Enter.
7) Não toque mais no mouse.
8) Desligue a tela do seu monitor.
9) O leitor de tela lerá o conteúdo do seu site. Em um primeiro momento, não utilize as teclas de atalho. Somente escute o leitor de tela e verifique se ele leu todo o conteúdo de sua página e na ordem que você deseja.
10) Depois, navegue utilizando as teclas de atalho informadas nos artigos que você imprimiu.
11) Após terminar o teste com um leitor de tela, recomece o teste com o outro.

Clique aqui para ler o artigo Navegação Via Teclado - Teclas de Atalho (Jaws, IE e FF)

Boas práticas em Web Móvel

O escritório brasileiro do W3C publicou em seu site as referências às Boas Práticas em Web Móvel, no formato de cartelas e com os assuntos agrupados por temas. Cada assunto possui um link contendo sua explicação mais detalhada.

Clique aqui para abrir as cartelas de Boas Práticas em Web Móvel.

Métodos e Validadores de Acessibilidade Web

O artigo Métodos e Validadores de Acessibilidade Web, publicado por Marco Antônio de Queiroz (MAQ) no site Acessibilidade Legal, fala sobre metodologias de validação de acessibilidade de sites e sistemas, e sugere a utilização de validadores automáticos de padrões web e acessibilidade.

Além dos validadores automáticos que o MAQ cita neste artigo incluo mais um (por sugestão do próprio MAQ): o Total Validator (www.totalvalidator.com).

Clique aqui para abrir o artigo Métodos e Validadores de Acessibilidade Web.

W3Schools

Um site excelente para consulta e aprendizagem é o W3Schools. Do lado esquerdo do site há diversos tutoriais sobre linguagens, notações e conceitos em geral. Do lado direito há a parte de referências. Eu, particularmente, utilizo bastante as referências de CSS, XHTML e Javascript, mas também já estudei os tutoriais de Ajax, XML, PHP e SQL. Uma única observação: o conteúdo do site é escrito no idioma inglês.

Clique aqui para abrir o site do W3Schools.

100 dicas rápidas de SEO

O site Mestre SEO publicou um artigo dividido em 4 partes contendo 100 dicas de SEO. Vale a pena ler. Outra sugestão aos leitores é abrirem também os links internos destas páginas, que explicam conceitos como link building, link bait, canonização de URLs, modificadores de palavras-chaves, entre outros.

Clique aqui para ler a parte 1 do artigo 100 dicas rápidas de SEO.
Clique aqui para ler a parte 2 do artigo 100 dicas rápidas de SEO.
Clique aqui para ler a parte 3 do artigo 100 dicas rápidas de SEO.
Clique aqui para ler a parte 4 do artigo 100 dicas rápidas de SEO.

Acessibilidade web: Custo ou Benefício

O vídeo "Acessibilidade web: Custo ou Benefício", criado pela equipe Acesso Digital, demonstra como a acessibilidade na web é essencial para a inclusão digital e uma Internet para todos.

Clique aqui para assistir o vídeo Acessibilidade Web: Custo ou benefício

Cartilha de Acessibilidade

Para os desenvolvedores de front-end - e desenvolvedores em geral - uma sugestão realmente muito boa é seguirem a cartilha de acessibilidade da Lupa Digital, do Fábio Gameleira.

Esta cartilha é completa e instrui como desenvolver sites e sistemas com padrões web, web semântica e acessibilidade.

Clique aqui para abrir a cartilha de acessibilidade.

Guia de Iniciação a SEO do Google

O Google publicou no Blog Oficial dos Webmasters um Guia de Iniciação a SEO, em PDF, que possui cerca de 24 páginas.

Clique aqui para abrir o Guia de Iniciação a SEO.

Ferramentas de SEO

O site Mestre SEO oferece ferramentas muito interessantes de SEO para você testar o seu site.

Clique aqui e utilize as ferramentas de SEO oferecidas pelo Mestre SEO!

Como trabalhar com o robots.txt

O artigo Tutorial de robots.txt, escrito por Heron Inouye, mostra como se trabalhar com o robots.txt, que diz aos robôs de busca quais páginas eles não podem visitar.

Clique aqui para ler o artigo Tutorial de robots.txt.

JavaScript não obstrutivo.

Este artigo, escrito por Bruno Torres, é bem explicativo e nos mostra como separar o Javascript em uma camada de comportamento, para que o mesmo não seja obstrutivo e favoreça à acessibilidade.

Para ler na íntegra o artigo Como fazer links que funcionem com e sem JavaScript, clique aqui.

Top 7 paradigmas de um projeto para web

O artigo Top 7 paradigmas de um projeto para web, escrito por Henrique Costa Pereira, não fala sobre código, mas nos recomenda ótimas práticas para desenvolvimento de sites e sistemas web.

Um trecho que resume bem o que este artigo quer passar: "Desenvolver um web site seguindo os padrões web tem n vantagens. A grande importância está na otimização do código, facilidade e simplicidade na implementação, extrema facilidade de manutenção e de quebra você ganha um site otimizado para mecanismos de buscas, e se for esperto, ganha também um site com acessibilidade."

Para ler o artigo Top 7 paradigmas de um projeto para web na íntegra, clique aqui!