Resultados da Avaliação de 200 sítios e e-serviços

Versão 3.0

Avaliação de 200 sítios e e-serviços

do Governo Eletrônico Brasileiro

Agebson Rocha Faç[email protected]

Brasília, 21 de setembro de 2011

Agenda1- O projeto Acessibilidade Virtual2- Avaliação dos 200 sites: Período* e Metodologia de Avaliação 3- Instrumentos de Avaliação4- Avaliação dos 200 sites: Principais erros de Acessibilidade**5- Outras Avaliações6- Conclusão

Resultados da Avaliação de 200 sítios e e-serviçosResultados da Avaliação de 200 sítios e e-serviços

* Durante todo o período de avaliação um dos e-serviços indicados para análise não estava disponível.** O detalhamento dos demais erros encontra-se disponível em Material de Apoio no CATIR.

1 - O projeto Acessibilidade Virtual

Módulo vinculado à RENAPI/SETEC/MEC;

Certifica que todos os produtos gerados no âmbito da RENAPI seguem os seguintes conceitos de qualidade de uso:● Acessibilidade;● Usabilidade;● Comunicabilidade.


2- PERÍODO E FORMA DE AVALIAÇÃO

2.1 – Período: Segundo semestre de 2010;2.2 - Forma como se deu o processo de avaliação:

● Validadores automáticos;● Utilização do leitor de telas NVDA e verificação do código HTML;

● Elaboração do relatório com os principais pontos de não conformidade com as diretrizes de acessibilidade.


3 – INSTRUMENTOS

3.1 - Checklist Documento utilizado para análise do site é um conjunto de orientações em forma de lista de conformidades.

3.2 -Tecnologias - Sistema operacional: Ubuntu 9.04 e Windows XP- Leitor de telas: NVDA 2009 – RC2- Navegadores Web: Firefox 3.6


3.3 - Validadores

● Sua utilização apresenta ao desenvolvedor um panorama geral dos problemas encontrados na elaboração de páginas web de forma rápida, porém, pode apresentar resultados inconsistentes;

● WAVE WebAIM.



4 - PRINCIPAIS ERROS DE ACESSIBILIDADEORDEM PRINCIPAIS ERROS %

1º Os links não apresentam descrições curtas e objetivas ou não identificam o destino ao qual remetem

95%

2º As camadas lógicas não estão organizadas corretamente 93%

3º Não existe a opção de alto contraste ou o mesmo não está funcionando corretamente

89%

4º As imagens não estão corretamente etiquetadas 86%

5º Há ausência de links indicadores nas páginas 86%

6º A estrutura das páginas não está uniforme 82%

7º Os títulos não apresentam uma ordem lógica 80%

8º Os formulários não funcionam corretamente 79%

9º Não existem atalhos para facilitar a navegação, ou os mesmos não estão descritos corretamente

78%

10º Há tabelas implementadas de forma incorreta 72%

4.1 - Erros de links

1º - Os links apresentam descrições curtas e objetivas? Eles identificam o destino ao qual remetem? Abrem o conteúdo na mesma página de navegação ou avisam que irão abrir em uma nova página?

● É preciso que os links apresentem uma descrição curta e objetiva para facilitar o entendimento do usuário;

● É preciso identificar claramente o destino do link, ou seja, que ele realmente descreva o item ao qual remete;

● Links servem como focalizadores para os leitores de telas, o link deve abrir seu conteúdo preferencialmente na mesma página em que o usuário está navegando.


● Estatística dos Erros de LinkSIM 4%

NÃO95%

N.A1%

SIM NÃON.A


SIM NÃO N.A8 189 2

4.2 - Erros de Camadas

2º - As camadas lógicas estão separadas adequadamente?

● Uma das premissas mais importantes pensadas ao programar um site com o uso de padrões de desenvolvimento Web é a separação de camadas lógicas;

● Como o leitor lê todo o conteúdo HTML da página, deve haver uma separação entre a linguagem (X)HTML e as folhas de estilo (CSS) da página, evitando assim a poluição sonora, ou seja, a leitura de itens desnecessários pelos leitores de tela.


● Estatística dos Erros de CamadasSIM7%

NÃO93%

SIMNÃON.A


SIM NÃO N.A13 186 0

4.3 - Erros de alto contraste

3º - O site possui a opção de alto contraste? Ela está funcionando corretamente?

● É aconselhável que o site tenha ao menos uma opção para alteração de contraste, que é a padrão: fundo preto, fonte branca, links amarelos... Se o site contemplar mais de uma opção de alteração de cores é preciso ter cuidado para não colocar muitas;


● Estatística dos Erros de Alto Contraste

SIM10%

NÃO89%

N.A1%

SIMNÃON.A




4.4 - Erros de imagens

4º - As imagens estão devidamente etiquetadas?

● A imagem deve ser etiquetada, com uma descrição clara e simples do conteúdo que agrega;

● A descrição da imagem deve iniciar com o seu tipo de conteúdo, por exemplo: gráfico, imagem, foto, banner, logo...

● Estatística dos Erros de ImagensSIM13%

NÃO86%

N.A1%

SIMNÃON.A



4.5 - Erros de links indicadores

5º - Há links indicadores na página?

● Deve haver links indicativos em alguns pontos da página. Os mais comuns e essenciais são “Início de Menu”, “Fim de Menu”, “Inicio de Conteúdo” e “Fim de conteúdo”.


● Estatística dos Erros de Links IndicadoresSIM2%

NÃO86%

N.A12%

SIMNÃON.A



4.6 – Erros de estrutura

6º - A estrutura das páginas está uniforme? A “div” conteúdo encontra-se antes da “div” menu?

● As páginas devem ter uma estrutura lógica, ou seja, por blocos de fácil compreensão, e padrão para todas as páginas, exceto a página inicial, que normalmente possui uma estrutura diferenciada.


● Estatística dos Erros de EstruturaSIM9%

NÃO82%

N.A9%

SIMNÃON.A



4.7 – Erros de títulos

7º - Os títulos apresentam uma ordem lógica no texto? Eles estão descritos corretamente?

Para melhor compreender como utilizar os níveis de títulos, comparamos um site com um livro: O nome do livro é o h1 , os capítulos são h2 , os sub-capítulos são h3 , e assim sucessivamente.


● Estatística dos Erros de Títulos

SIM14%

NÃO80%

N.A6%

SIMNÃON.A



4.8 - Erros de Formulários

8º - Os formulários funcionam corretamente? A ordem de tabulação está correta? As descrições dos elementos estão adequadas? No caso da utilização dos capcha's, há também uma alternativa em áudio?

● Formulários devem ser organizados de forma compreensível, tanto na construção de sua formatação quanto no visual, um item fundamental é a adequação na descrição de seus campos;

● Se o formulário possuir capcha é preciso disponibilizar, junto com esse recurso, uma descrição em áudio, possibilitando assim a autonomia de preenchimento ao usuário deficiente visual.


● Estatística dos Erros de Formulários

SIM13%

NÃO79%

N.A8%

SIMNÃON.A



4.9 - Erros de atalhos

9º - Há atalhos para facilitar a navegação pelo site? Esses atalhos funcionam corretamente?

● Deverão ser disponibilizados atalhos por teclado para pontos estratégicos da página, permitindo que o usuário possa ir diretamente a esses pontos. Os atalhos deverão funcionar através de números precedidos da tecla padrão de cada navegador (Alt no Internet Explorer, Shift + Alt no Firefox, Shift + Esc no Opera, etc.).


● Estatística dos Erros de Atalhos

SIM14%

NÃO 78%

N.A8%

SIMNÃO N.A



4.10 - Erros de tabelas

10º - As tabelas são disponibilizadas apenas quando necessárias? Seu conteúdo está mesclado? Existem conteúdos que poderiam estar em tabelas e não estão?

● Conforme os padrões de desenvolvimento web, tabelas devem ser usadas apenas para dados tabulares. Esse item visa verificar se há dados não tabulares em tabelas ou se há dados tabulares fora de tabelas;

● Tabelas, de um modo geral, são elementos de difícil navegação para leitores de tela e especialmente para a compreensão do deficiente visual, por isso aconselhamos a utilização apenas quando forem imprescindíveis.


● Estatística dos Erros de Tabelas

SIM14%

NÃO72%

N.A14%

SIMNÃON.A



5 - OUTRAS AVALIAÇÕES5.1 – Certificado de segurança;

Site testado: (https://www.defesa.gov.br/)


5 - OUTRAS AVALIAÇÕES5.2 – Captchas: são imagens de códigos alfanuméricos que aparecem distorcidos, cuja finalidade é a diferenciação de ações humanas e processos de máquinas, tendo em vista bloquear registros de dados por um script.

5.2.1 - Site testado: ● Receita federal (https://www.defesa.gov.br/)

Foi possível realizar a busca.

● Previdência Social(http://www3.dataprev.gov.br/cws/revteto/index.asp) Não foi possível realizar a busca, pois não existe opção de audio.


https://www.defesa.gov.br/

http://www3.dataprev.gov.br/cws/revteto/index.asp


5 - OUTRAS AVALIAÇÕES5.3 – URL não amigáveis: são aquelas de fácil identificação e memorização para qualquer usuário e também mais legível para o mecanismo de busca.

5.3.1 Site testado: ● Agência Nacional de Energia Elétrica - (http://www.aneel.gov.br/)

Na opção do menu “Missão” exemplo dessa URL: (URL:http://www.aneel.gov.br/area.cfm?idArea=635&idPerfil=3)

Essas URL's não dificultam a navegação, pois se restringem à barra de endereços, porém gera:

● Informações desnecessária;● Dificulta a memorização do endereço;● Dificulta no sistema de busca.

http://www.aneel.gov.br/

http://www.aneel.gov.br/area.cfm?idArea=635&idPerfil=3


6 – CONCLUSÃO

● Todos os sites analisados apresentam falhas de acessibilidade;

● Cada erro encontrado possui uma solução, baseado na cartilha de acessibilidade e-MAG;

7 – REFERÊNCIA BIBLIOGRÁFICA

SONZA, Andréa Poletto. Ambientes Virtuais Acessíveis sob a perspectiva de usuários com limitação visual. Tese (Doutorado). Universidade Federal do Rio Grande do Sul, Programa de Pós-Graduação em Informática na Educação, Porto Alegre, Maio de 2008. Disponível em <http://www.bento.ifrs.edu.br/acessibilidade/tese> Acesso em jun/2011.

FAÇANHA, Agebson Rocha et al, Procedimentos para a análise de acessibilidade de sites. Artigo -Instituto Federal de Educação, Ciência e Tecnologia do Ceará (IFCE) Campus Fortaleza – Av. Treze de Maio, 2081 – CEP: 60040-531 – Fortaleza, CE, Brasil


Documents

Resultados da Avaliação de 200 sítios e e-serviços