Acessibilidade: Ferramentas

Ferramenta WAVE: Esta ferramenta, em vez de gerar relatórios complexos sobre a página, limita-se a mostrar o conteúdo original da página mas, com indicadores das zonas da página que revelam problemas ou recursos de acessibilidade. Wave  expõe erros e conteúdo destaques onde as considerações de acessibilidade requerem julgamento humano (por exemplo, expõe texto alternativo para um avaliador humano pode determinar se é apropriado para a imagem). Os ícones são usados ​​como elementos de feedback dentro da página web a ser avaliada.

 

Ferramenta HERA: É uma ferramenta para rever a acessibilidade das páginas Web de acordo com as recomendações das Directrizes de Acessibilidade para o Conteúdo Web 1.0 (WCAG 1.0). O HERA efetua uma análise automática prévia da página e disponibiliza informação dos erros encontrados (detetáveis de forma automática) e quais os pontos de verificação que devem ser revistos manualmente.
A revisão manual é imprescindível para comprovar realmente se a página é acessivel. 

Comparação entre as ferramentas: 

Link 1: http://www.deficienteonline.com.br/acessibilidade-web-agencia-de-criacao-em-web-acessivel___58.html

Ferramenta WAVE: 
A ferramenta WAVE não detectou erro no link 1, mas detectou 34 alertas. 
As alertas são para a utilização do TAB, níveis de titulo, links e descrição das imagens.

Ferramenta HERA:   
A ferramenta HERA detectou 5 erros no link 1.

•  Erros na sintaxe das folhas de estilo CSS.
•  Erros em elementos que são considerados como tendo caído em desuso na versão 4.01 do  HTML.

Link 2: http://www.acessibilidadelegal.com/13-introducao.php

Ferramenta WAVE: 
A ferramenta WAVE não detectou erro no link 2, mas detectou 37 alertas. As alertas são para o uso de linguagens estrangeiras e texto atributo título é o mesmo que o texto ou o texto alternativo.pois, os leitores de telas não conseguem ler o conteúdo adequadamente e também algumas imagens próximas umas das outras têm o mesmo texto alternativo.

Ferramenta HERA: 
A ferramenta HERA detectou 4 erros no link 2.

• 2 Erros na sintaxe das folhas de estilo CSS.
• Erro nos gestores de eventos que não deve ser independente do tipo de dispositivo ("onfocus", "onblur", "onSelect") ou redundante para o tipo de dispositivo (se "onmousedown" é indicado ", onkeydown" também deve ser indicado, se "onmouseup" também "onkeyup", se "onclick" também "onkeypress"); 
• Erro no script, pois elementos que respondem a eventos dependentes de dispositivos são realçados. 

Link 3: http://webaccessibility-ac.com/ 

Ferramenta WAVE:
 A ferramenta WAVE detectou 2 erros e 6 alertas no link 3.

• Erro no controle de formulário que não tem um rótulo de texto associado corretamente com isso, a função ou o propósito de que a forma não pode ser apresentado verificar a tela usuários de leitores. Rótulos de formulários também fornecer descrições e maiores clicáveis ​​metas visíveis para controles de formulários. 
• Erro em um botão que esta vazio ou não tem texto de valor. (Ao navegar para um botão, um texto descritivo deve ser apresentada para rastrear os utilizadores de leitor para indicar que a função do botão) .

Ferramenta HERA: 
A ferramenta HERA detectou 6 erros no link 3.

• 2 Erros na sintaxe das folhas de estilo CSS. 
• Controle de formulário que não tem um rótulo de texto associado corretamente. 
• Erro no atributo ID do controle de formulário. 
• Não há atalhos de teclado fornecidos.
• Há uma controles de formulário vazios sem caracteres padrão.

Link 4: http://webaccess.msu.edu/index.html

Ferramenta WAVE: 
A ferramenta WAVE detectou 5 erros e 5 alertas no link 4. 

• Erro na linguagem do documento que não é identificado. Identificar o idioma da página permite que os leitores de tela leam o conteúdo no idioma apropriado. Além disso, facilita a tradução automática de conteúdo. 
• Uma imagem sem texto alternativo que resulta em um link vazio. Imagens que são a única coisa dentro de um link deve ter um texto descritivo alternativo. Se uma imagem está dentro de um link que contém nenhum texto e essa imagem não fornecer texto alternativo, um leitor de tela não tem conteúdo para apresentar ao usuário em relação a função do link.
•  3 erros em uma ligação que não contém nenhum texto. Se a ligação não contém nenhum texto, a função ou a finalidade da ligação não serão apresentados ao utilizador. Isto pode apresentar confusão para teclado e leitor de tela.

Ferramenta HERA:
 A ferramenta HERA detectou 2 erros no link 4: 

•   Erro na sintaxe das folhas de estilo CSS. 
• Linguagem documento principal não é indicado.

Link 5: http://www.americanas.com.br/

Ferramenta WAVE: 
A ferramenta WAVE detectou 1 erro e 59 alertas no link 5. 

• Erro na linguagem do documento que não é identificado. Identificar o idioma da página permite que os leitores de tela leam o conteúdo no idioma apropriado. 
• As alertas são para textos muitos pequenos. Formas de controle que não tem um rótulo, mas tem um título e imagens próximas umas das outras que têm o mesmo texto alternativo.

Ferramenta HERA: 
A ferramenta HERA detectou 9 erros no link 5:

• Erros na sintaxe das folhas de estilo CSS.
• Erro nos gestores de eventos que não deve ser independente do tipo de dispositivo ("onfocus", "onblur", "onSelect") ou redundante para o tipo de dispositivo (se "onmousedown" é indicado ", onkeydown" também deve ser indicado, se "onmouseup" também "onkeyup", se "onclick" também "onkeypress"); 
• Erros nos elementos que respondem a dispositivos dependentes de eventos, tanto os que são independentes do dispositivo e aqueles que não podem ser emulados através do teclado, são destacados. Deve sempre usar gestores de eventos lógicos. 
• Alguns rótulos estão faltando.
• Erro na linguagem do documento principal que não é indicado.   
• Há dois controles de formulário vazios sem caracteres padrão. 
• Há nove ligações adjacentes sem caracteres imprimíveis não ligados entre eles.

Link 6: http://pt.wikipedia.org/wiki/Wikip%C3%A9dia:P%C3%A1gina_principal

Ferramenta WAVE: 
A ferramenta WAVE detectou 5 erro e 82 alertas no link 6.

• Erros em ligações que não contém nenhum texto. Se a ligação não contém nenhum texto, a função ou a finalidade da ligação não serão apresentados ao utilizador. Isto pode apresentar confusão para teclado e leitor de tela. 
• Erros em botões vazios ou não tem valor de texto. Ao navegar para um botão, texto descritivo deve ser apresentado para a tela usuários de leitores para indicar a função do botão.

Ferramenta HERA: 
A ferramenta HERA detectou 5 erros no link 6.

• Erros na sintaxe das folhas de estilo CSS.
• Erros em elementos que são considerados como tendo caído em desuso na versão 4.01 do  HTML. 
• Existem 10 tabelas e pelo menos um deles é uma tabela de dados (uma vez que contém células de cabeçalho ()), mas o "resumo" atributo está faltando. As tabelas são identificadas. Tabelas com resumo são realçadas com um fundo ciano eo conteúdo do atributo é mostrado
  . 
• Há 15 caracteres imprimíveis sem ligações adjacentes não ligados entre eles. Os links são destaque. Deve-se verificar se não são vinculados caracteres visivel entre eles.

Link 7: http://www.jogosdecorrida.org/

Ferramenta WAVE: 
A ferramenta WAVE detectou 20 erros e 13 alertas no link 7.

• Erro na linguagem do documento que não é identificado. Identificar o idioma da página permite que os leitores de tela leam o conteúdo no idioma apropriado.
•  Erros em uma ligação que não contém nenhum texto. Se a ligação não contém nenhum texto, a função ou a finalidade da ligação não serão apresentados ao utilizador. Isto pode apresentar confusão para teclado e leitor de tela. 
• Um controle de formulário não tem uma etiqueta correspondente.
•  Erros em imagens sem texto alternativo que resulta em um link vazio. Imagens que são a única coisa dentro de um link deve ter um texto descritivo alternativo. Se uma imagem está dentro de um link que contém nenhum texto e essa imagem não fornecer texto alternativo, um leitor de tela não tem conteúdo para apresentar ao usuário em relação a função do link.

Ferramenta HERA: 
A ferramenta HERA detectou 9 erros no link 7:

• Erros na sintaxe das folhas de estilo CSS. 
• Erros rótulos e controles de formulários que requerem rotulagem são realçados. 
• Erros em elementos que são considerados como tendo caído em desuso na versão 4.01 do  HTML.
• Linguagem documento principal não é indicado. Não há atalhos de teclado fornecidos.  
•  Há 51 links adjacentes sem caracteres imprimíveis não ligados entre eles. 

Obs: Não conseguimos utilizar a ferramenta Wordspce Sync