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çanha
agebson@ifce.edu.br

Brasília, 21 de setembro de 2011

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

Agenda
1- O projeto Acessibilidade Virtual
2- Avaliação dos 200 sites: Período* e Metodologia de Avaliação
3- Instrumentos de Avaliação
4- Avaliação dos 200 sites: Principais erros de Acessibilidade**
5- Outras Avaliações
6- Conclusão

* 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 ACESSIBILIDADE
ORDEM PRINCIPAIS ERROS %
1º Os links não apresentam descrições curtas e objetivas ou não 95%
identificam o destino ao qual remetem
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á 89%
funcionando corretamente
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 78%
estão descritos corretamente
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 Link
N.A SIM
1% 4%

SIM
NÃO
N.A

NÃO
95%

SIM NÃO N.A
8 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 Camadas
SIM
7%

SIM
NÃO
N.A

NÃO
93%

SIM NÃO N.A
13 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
N.A
SIM
1%
10%

SIM
NÃO
N.A

NÃO
89%

SIM NÃO N.A
19 179 1


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 Imagens
N.A
1% SIM
13%

SIM
NÃO
N.A

NÃO
86%

SIM NÃO N.A
26 172 1


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 Indicadores
SIM
N.A
2%
12%

SIM
NÃO
N.A

NÃO
86%

SIM NÃO N.A
4 171 24


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 Estrutura
N.A SIM
9% 9%

SIM
NÃO
N.A

NÃO
82%

SIM NÃO N.A
17 165 17


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
N.A
6% SIM
14%

SIM
NÃO
N.A

NÃO
80%

SIM NÃO N.A
28 160 11


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

N.A
SIM
8%
13%

SIM
NÃO
N.A

NÃO
79%

SIM NÃO N.A
26 158 15


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

N.A
8% SIM
14%

SIM
NÃO
N.A

NÃO
78%

SIM NÃO N.A
28 156 15


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

N.A SIM
14% 14%

SIM
NÃO
N.A

NÃO
72%

SIM NÃO N.A
28 144 27


5 - OUTRAS AVALIAÇÕES
5.1 – Certificado de segurança;

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


5.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.


5.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.


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

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

Recomendados

Recomendados

Mais conteúdo relacionado

Mais de GovBR

Mais de GovBR (20)

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