Professional Documents
Culture Documents
Ministrio da Educao
Secretaria de Educao Profissional e Tecnolgica
Rede Nacional de Pesquisa e Inovao em Tecnologias Digitais
Projeto de Acessibilidade Virtual
Verso 3.0
Agosto de 2011
Brasil. Ministrio do Planejamento, Oramento e Gesto. Secretaria
de Logstica e Tecnologia da Informao
69 p.: color.
CDU 004.5:35
CDD 004.678
Esta obra est licenciada por uma Licena Creative Commons - Atribuio -
Partilha nos Mesmos Termos 3.0 No Adaptada
http://creativecommons.org/licenses/by-sa/3.0/br/
Renncia Qualquer das condies acima pode ser renunciada se voc obtiver permisso do
titular dos direitos autorais.
Domnio Pblico Onde a obra ou qualquer de seus elementos estiver em domnio pblico sob o
direito aplicvel, esta condio no , de maneira alguma, afetada pela licena.
Outros Direitos Os seguintes direitos no so, de maneira alguma, afetados pela licena:
Limitaes e excees aos direitos autorais ou quaisquer usos livres aplicveis;
Os direitos morais do autor;
Direitos que outras pessoas podem ter sobre a obra ou sobre a utilizao da obra, tais como
direitos de imagem ou privacidade.
Aviso Para qualquer reutilizao ou distribuio, voc deve deixar claro a terceiros os termos da
licena a que se encontra submetida esta obra
1. Introduo...................................................................................................5
Para que uma parte considervel da populao brasileira, cerca de 14,5% (dados do
censo IBGE 2000), acesse os contedos e informaes e se beneficie dos servios
ofertados pelo governo necessrio que as pginas sejam construdas de forma
acessvel, utilizando, alm dos padres de desenvolvimento web ou webstandards, as
diretrizes de acessibilidade.
O estudo apresentado aqui teve por objetivo levantar os erros de acessibilidade mais
comuns nas pginas do governo federal e, para tanto, foi selecionada uma amostra de
200 stios e servios eletrnicos do governo Federal. Os nmeros encontrados
coincidem com os dados levantados pela pesquisa quantitativa Censo na Web de
2010.
Aps as etapas supracitadas foi preenchido um checklist para cada site testado,
apontando os erros e mostrando possveis solues.
METODOLOGIA DE AVALIAO
O leitor de telas NVDA gera informaes sintetizadas pelo udio durante a navegao
por todo o contedo. As informaes so fornecidas de acordo com a ordem de
organizao da estrutura da pgina. O leitor de telas pode gerar informaes
desnecessrias ou incoerentes, caso a pgina no esteja seguindo os padres de
acessibilidade.
INSTRUMENTOS
Todos os sites analisados apresentaram falhas que necessitam ser corrigidas para que,
de fato, atendam s diretrizes de acessibilidade e s expectativas das pessoas com
deficincia visual.
O erro mais encontrado nos stios avaliados remete a recomendao 19 do e-MAG 3.0
Descrever links clara e sucintamente.
Os links servem como focalizadores para os leitores de telas, assim necessrio que
ele faa sentido quando isolado do contexto da pgina, indicando claramente o seu
destino.
SIM NO N.A
8 189 2
N.A SIM
1% 4%
SIM
NO
N.A
NO
95%
Grfico 1 Erro de links
SIM NO N.A
13 186 0
SIM
7%
SIM
NO
N.A
NO
93%
Grfico 2 Erro de camadas
Para as pessoas com baixa viso importante que a cor do texto da pgina tenha um
contraste significativo em relao ao fundo e, para alguns grupos de usurio, uma
alternativa de alterao de cores para o site.
A pergunta realizada no checklist era: O site possui a opo de alto contraste? Ela
est funcionando corretamente?
SIM NO N.A
19 179 1
N.A SIM
1% 10%
SIM
NO
N.A
NO
89%
Para todo contedo no-textual inclusive imagens deve ser fornecido um contedo
alternativo, passvel de ser lido pelos leitores de tela. No caso de imagens, quando
estas no so decorativas, o preenchimento do atributo alt do elemento IMG a
forma mais utilizada para o contedo alternativo.
SIM NO N.A
26 172 1
N.A
1% SIM
13%
SIM
NO
N.A
NO
86%
SIM NO N.A
4 171 24
SIM
N.A
2%
12%
SIM
NO
N.A
NO
86%
Grfico 5 Erros de links indicadores
A falta de uma diviso clara das reas de informao o sexto problema mais comum
encontrado na pesquisa.
A pergunta realizada no checklist era: A estrutura das pginas est uniforme? A div
contedo encontra-se antes da div menu?
SIM NO N.A
17 165 17
N.A SIM
9% 9%
SIM
NO
N.A
NO
82%
Os leitores de tela podem navegar pelo contedo atravs dos cabealhos, facilitando o
acesso para as pessoas que utilizam esse dispositivo. Conceitualmente, existem seis
nveis de ttulos, sendo o h1 o mais alto, ou seja, dever corresponder ao ttulo
principal da pgina. Dessa forma, cada pgina dever ter apenas um h1, j os nveis
do h2 ao h6 podero ser utilizados mais de uma vez na pgina, observando a lgica
textual.
SIM NO N.A
28 160 11
N.A
6% SIM
14%
SIM
NO
N.A
NO
80%
SIM NO N.A
26 158 15
N.A SIM
8% 13%
SIM
NO
N.A
NO
79%
Para facilitar a utilizao das ncoras, podem ser disponibilizados atalhos por teclado,
utilizando o atributo accesskey nos links relevantes.
A pergunta realizada no checklist era: H atalhos para facilitar a navegao pelo site?
Esses atalhos funcionam corretamente?
SIM NO N.A
28 156 15
N.A SIM
8% 14%
SIM
NO
N.A
NO
78%
O dcimo erro mais comum nas pginas do governo decorre do uso equivocado do
elemento tabela ou da formatao deficiente deste. O e-MAG trata de tabelas
especificamente nas recomendaes 24 e 23.
Conforme os padres de desenvolvimento web, tabelas devem ser usadas apenas para
dados tabulares. Esse item visava verificar se h dados no tabulares em tabelas ou
se h dados tabulares fora de tabelas.
SIM NO N.A
28 144 27
N.A SIM
14% 14%
SIM
NO
N.A
NO
72%
Para a avaliao foi solicitada alguns testes pontuais em itens que foram considerados
crtico na oferta de servios sociedade. Um especfico do governo o do certificado
de segurana brasileiro, no validado por alguns navegadores, a inteno era
descobrir se a instalao do certificado era possvel para as pessoas com deficincia.
TESTE EM CAPTCHAS
Tendo como exemplo para teste em CAPTCHAs, utilizamos o site da Receita Federal e
o site da Previdncia Social, sendo que em ambos foram usados o leitor de telas
NVDA 2011.2 e navegador Mozila Firefox 5.0.
No site da Receita Federal, foi possvel realizar a consulta de Restituio IRPF com
sucesso, pois o formulrio de busca possui a opo de udio em nvel de compreenso
aceitvel, apesar dos rudos existentes em CAPTCHAs. J no site da Previdncia Social,
ao finalizar o teste identificamos a impossibilidade de realizao da consulta, pois o
CAPTCHA no possui a opo de udio, apenas a imagem sem nenhuma descrio,
dessa forma o deficiente visual necessita recorrer a ajudas para finalizar a pesquisa.
Obs: H uma extenso do Firefox chamada WEBVISION que poder auxiliar quando o
udio no estiver disponvel, esta extenso tem a funo de decodificar a imagem e
fazer a leitura em voz alta, auxiliando dessa forma esse procedimento. Alm de
facilitar o acesso por pessoas com deficincia, o programa mostra a fragilidade do
CAPTCHA como sistema de segurana. Existem alternativas mais seguras que o
CAPTCHA que devem ser avaliadas em detrimento deste.
Recomenda-se que cada pgina de um stio deve ser identificada com sua URL nica e
compreensvel e pregnante com seu contedo, sem caracteres especiais.
Para avaliar a acessibilidade das URLs no amigveis foram utilizados o leitor de telas
NVDA 2011.2 e o navegador Mozila Firefox 5.0
7. H verborragia na pgina?
15. H muitos botes de opes (radio Button) no formulrio? Esses botes podem
ser substitudos por caixa de seleo?
18. A estrutura das pginas est uniforme? A div contedo encontra-se antes da
div menu?
19. Os ttulos apresentam uma ordem lgica no texto? Eles esto descritos
corretamente?
24. O site possui a opo de alto contraste? Ela est funcionando corretamente?
SIM NO N.A
8 189 2
N.A SIM
1% 4%
SIM
NO
N.A
NO
95%
SIM NO N.A
28 156 15
N.A SIM
8% 14%
SIM
NO
N.A
NO
78%
SIM NO N.A
24 85 90
SIM
12%
SIM
N.A NO
45% N.A
NO
43%
SIM NO N.A
4 171 24
SIM
N.A
2%
12%
SIM
NO
N.A
NO
86%
SIM NO N.A
83 115 1
N.A
1%
SIM
SIM
NO
42%
N.A
NO
58%
SIM NO N.A
26 172 1
N.A
1% SIM
13%
SIM
NO
N.A
NO
86%
SIM NO N.A
80 103 16
N.A
8%
SIM
40% SIM
NO
N.A
NO
52%
SIM NO N.A
154 43 2
N.A
1%
NO
22%
SIM
NO
N.A
SIM
77%
SIM NO N.A
9 60 130
SIM
5%
NO
30% SIM
NO
N.A
N.A
65%
SIM NO N.A
20 80 99
SIM
10%
SIM
NO
N.A N.A
50%
NO
40%
SIM NO N.A
28 144 27
N.A SIM
14% 14%
SIM
NO
N.A
NO
72%
SIM NO N.A
26 158 15
N.A SIM
8% 13%
SIM
NO
N.A
NO
79%
SIM NO N.A
88 95 16
N.A
8%
SIM
SIM
NO
44%
N.A
NO
48%
SIM NO N.A
20 117 62
SIM
10%
N.A
31%
SIM
NO
N.A
NO
59%
SIM NO N.A
20 87 92
SIM
10%
SIM
N.A NO
46% N.A
NO
44%
SIM NO N.A
115 64 20
N.A
10%
SIM
NO
N.A
NO
32%
SIM
58%
SIM NO N.A
13 186 0
SIM
7%
SIM
NO
N.A
NO
93%
SIM NO N.A
17 165 17
N.A SIM
9% 9%
SIM
NO
N.A
NO
82%
SIM NO N.A
28 160 11
N.A
6% SIM
14%
SIM
NO
N.A
NO
80%
SIM NO N.A
61 117 21
N.A
11%
SIM
31%
SIM
NO
N.A
NO
59%
SIM NO N.A
1 79 119
SIM
1%
NO SIM
39% NO
N.A
N.A
60%
SIM NO N.A
90 80 29
N.A
15%
SIM
SIM
NO
45%
N.A
NO
40%
SIM NO N.A
119 78 2
N.A
1%
NO SIM
39% NO
N.A
SIM
60%
SIM NO N.A
19 179 1
N.A SIM
1% 10%
SIM
NO
N.A
NO
89%
SIM NO N.A
64 134 1
N.A
1%
SIM
32%
SIM
NO
N.A
NO
67%
SIM NO N.A
22 141 36
SIM
N.A 11%
18%
SIM
NO
N.A
NO
71%
SIM NO N.A
175 24 0
NO
12%
SIM
NO
N.A
SIM
88%
1. Brasil - www.brasil.gov.br
2. Presidncia da Repblica - www.presidencia.gov.br
3. Portal Federativo - www.portalfederativo.gov.br
4. Blog do Planalto - blog.planalto.gov.br
5. Agricultura, Pecuria e Abastecimento - www.agricultura.gov.br
6. Cidades - www.cidades.gov.br
7. Cincia e Tecnologia - www.mct.gov.br
8. Comunicaes - www.mc.gov.br
9. Cultura - www.cultura.gov.br
10. Defesa - www.defesa.gov.br
11. Desenvolvimento Agrrio - www.mda.gov.br
12. Desenvolvimento, Indstria e Comrcio Exterior - www.mdic.gov.br
13. Desenvolvimento Social e Combate Fome - www.mds.gov.br/
14. Educao - www.mec.gov.br
15. Esporte - www.esporte.gov.br
16. Fazenda - www.fazenda.gov.br
17. Receita Federal - www.receita.fazenda.gov.br
18. Integrao Nacional - www.integracao.gov.br
19. Justia - www.mj.gov.br
20. Meio Ambiente - www.mma.gov.br
21. Minas e Energia - www.mme.gov.br
22. Pesca e Aquicultura - www.presidencia.gov.br/estrutura_presidencia/seap
23. Planejamento, Oramento e Gesto - www.planejamento.gov.br
24. Previdncia Social - www.previdenciasocial.gov.br
25. Relaes Exteriores - www.mre.gov.br
26. Sade - www.saude.gov.br
27. Trabalho e Emprego - www.mte.gov.br
28. Transportes - www.transportes.gov.br
29. Turismo - www.turismo.gov.br
30. Casa Civil - www.casacivil.planalto.gov.br
31. Secretaria-Geral - www.secretariageral.gov.br
32. Gabinete de Segurana Institucional -
33. Secretaria de Comunicao Social - www.secom.gov.br