Relatórios ASES

Relatório da URL: http://www.secopa.recife.pe.gov.br/

Erros EMAG

Diretriz Descrição Ocorrências Linhas

Deve-se identificar o principal idioma utilizado
nos documentos. A identificação é feita por
16 1 2
meio do atributo lang do HTML e, para
documentos XHTML, é utilizado o xml:lang.
222 354 355
Deve ser fornecida uma descrição para as 356 357 372
imagens da página, utilizando-se o atributo alt. 399 402 471
20 Imagens que não transmitem conteúdo, ou seja, 16 475 475 475
imagens decorativas, devem ser inseridas por 475 475 475
CSS. 475
O título da tabela deve ser definido pelo
elemento caption e deve ser o primeiro
elemento utilizado após a declaração do 367 370 382
23 elemento table. Em casos de tabelas extensas, 5 397 416
deve ser fornecido um resumo de seus dados
através do atributo summary que deve ser
declarado no elemento table.
Links adjacentes devem ser separados por mais
do que simples espaços, para que não fiquem
confusos, em especial para usuários que
utilizam leitor de tela. Para isso, é recomendado 354 355 356
8 o uso de listas, onde cada elemento dentro da 9 475 475 475
lista é um link. As listas podem ser estilizadas 475 475 475
com CSS para que os itens sejam mostrados da
maneira desejada, como um ao lado do outro,
por exemplo.
369 371 378
381 383 383
Em tabelas de dados simples, a uso apropriado 384 384 385
do elemento th para os cabeçalhos e do 385 386 386
elemento td para as células de dados é 387 387 388
essencial para torná-las acessíveis. Para 388 395 399
incrementar a acessibilidade, deve-se utilizar os 402 405 408
elementos thead, tbody e tfoot, para agrupar as 371 378 381
linhas de cabeçalho, do corpo da tabela e do 383 383 384
24 final, respectivamente, com exceção de quando 54 384 385 385
a tabela possuir apenas o corpo, sem ter 386 386 387
seções de cabeçalho e rodapé. O W3C sugere 387 388 388
utilizar o tfoot antes do tbody dentro da 383 383 384
definição table para que o agente de usuário 384 385 385
possa renderizar o rodapé antes de receber 386 386 387
todas (potencialmente numerosas) linha de 387 388 388
dados. 399 402 405
408 470 475

1
 Relatórios ASES
Deve-se garantir que scripts, Flash, conteúdos
dinâmicos e outros elementos programáveis
sejam acessíveis. Se não for possível que o
elemento programável seja diretamente 13 14 16 17
acessível, deve ser fornecida uma alternativa 18 20 22 49
10 12
em HTML para o conteúdo. Assim, é preciso 50 51 199
garantir que o conteúdo e as funcionalidades de 484
objetos programáveis sejam acessíveis aos
recursos de tecnologia assistiva e que seja
possível navegação por teclado.

Avisos EMAG

Diretriz Descrição Ocorrências Linhas

Vídeos que transmitem conteúdo visual que não
35 está disponível na faixa de áudio devem possuir 1 225
uma audiodescrição.
O código HTML deve ser organizado de forma
lógica e semântica, ou seja, apresentando os
elementos em uma ordem compreensível e
correspondendo ao conteúdo desejado. Assim,
marcação semântica adequada deve ser
2 1 2
utilizada para designar os cabeçalhos (h1, h2,
h3), as listas (ul, ol, dl), texto enfatizado
(strong), marcação de código (code), marcação
de abreviaturas (abbr), marcação de citações
longas (blockquote), etc.
Deve haver uma alternativa sonora ou textual
para vídeos que não incluem faixas de áudio.
Para vídeos que contêm áudio falado e no
idioma natural da página, devem ser fornecidas
legendas. Além de essencial para pessoas com
33 deficiência visual, a alternativa em texto 1 225
também é importante para usuários que não
possuem equipamento de som, que desejam
apenas realizar a leitura do material ou não
dispõem de tempo para ouvir um arquivo
multimídia.

2
 Relatórios ASES
261 262 268
270 271 273
274 275 276
283 285 286
288 291 292
296 298 299
301 302 303
308 310 311
312 315 317
Deve-se criar o código HTML com uma 319 320 321
sequência lógica de leitura para percorrer links, 322 325 327
4 controles de formulários e objetos. Essa 68 330 332 333
sequência é determinada pela ordem que se 334 335 336
encontra no código HTML. 337 338 339
340 341 344
347 348 349
354 355 356
357 372 383
384 385 386
387 388 399
402 475 475
475 475 475
475 475
As tabelas devem ser utilizadas apenas para
dados tabulares e não para efeitos de 367 370 382
7 5
disposição dos elementos na página. Para este 397 416
fim, utilize as folhas de estilo.
Não deverão ocorrer mudanças substanciais
em uma página. Assim, não devem ser
utilizados:
Pop-ups
9 A abertura de novas abas ou janelas 1 2
O uso do atributo target=“_blank”
Mudanças no controle do foco do teclado
Entre outras, que não tenham sido solicitadas
pelo usuário.
Não devem ser criadas páginas com
atualização automática periódica. Assim, não
deve ser utilizada a meta tag refresh, nem outra
11 forma de atualização automática. Páginas que 1 2
se atualizam automaticamente podem confundir
e desorientar os usuários, especialmente
usuários que utilizam leitores de tela.
Em uma página onde há limite de tempo para
realizar uma tarefa deve haver a opção de
desligar, ajustar ou prolongar esse limite.
13 1 2
Essa recomendação não se aplica a eventos
em que o limite de tempo é absolutamente
necessário.
Não devem ser utilizados efeitos visuais
piscantes, intermitentes ou cintilantes. Em
pessoas com epilepsia fotosensitiva, o cintilar
ou piscar pode desencadear um ataque
epilético. A exigência dessa diretriz aplica-se
14 1 2
também para propaganda de terceiros inserida
na página.
As tags blink e marquee não devem ser
utilizadas, mesmo em um documento escrito em
XHTML personalizado.

3
 Relatórios ASES
Conteúdos que “se movem”, rolagens,
movimentações em geral ou animações não
devem ser disparadas automaticamente sem o
controle do usuário, mesmo em propagandas
na página. Ao usuário deve ser repassado o
controle sobre essas movimentações (quer seja
por escolha de preferência de visualização da
página, quer por outro método qualquer
acessível a usuário com deficiência). Além
disso, o usuário deve ser capaz de parar e
15 1 0
reiniciar conteúdos que se movem, sem
exceção. A velocidade desses conteúdos
também deve ser passível de controle pelo
usuário, a menos que a implementação de
mecanismo para alterar a velocidade seja uma
tarefa de difícil execução (se for necessário
realizar uma escolha baseando-se nas
limitações, prefira implementar mecanismos
para reduzir a velocidade dos conteúdo no lugar
de aumentar).
Se algum elemento de uma página possuir
conteúdo em um idioma diferente do principal,
este deverá estar identificado pelo atributo lang.
27 Essa recomendação não se aplica para nomes 1 0
próprios, termos técnicos ou locuções próprias
da língua que sejam compreendidas no
contexto.
A cor ou outras características sensoriais, como
forma, tamanho, localização visual, orientação
ou som não devem ser utilizadas como o único
29 1 0
meio para transmitir informações, indicar uma
ação, pedir uma resposta ao usuário ou
distinguir um elemento visual.
As cores do plano de fundo e do primeiro plano
deverão ser suficientemente contrastantes para
que possam ser visualizadas, também, por
pessoas com baixa visão, com
28 cromodeficiências ou que utilizam monitores de 1 0
vídeo monocromático.
Não deverão ser utilizadas imagens atrás do
texto (background), pois acabam por dificultar a
leitura e desviar a atenção do usuário.
Grandes blocos de informação devem ser
divididos em grupos mais fáceis de gerenciar.
As divisões mais comuns são “topo”,
“conteúdo”, “menu” e “rodapé”. Nas páginas
internas deve-se manter uma mesma divisão
para que o usuário se familiarize mais
rapidamente com a estrutura do sítio. É
31 importante destacar, entretanto, que a página 1 0
inicial pode ter uma divisão diferente das
páginas internas, pois normalmente ela contém
mais elementos. O exemplo a seguir mostra a
divisão da página inicial de um sítio contendo os
blocos “topo”, “menu”, “conteúdo” e “rodapé”,
além da barra de acessibilidade contendo os
atalhos.

4
 Relatórios ASES
A página deve continuar legível e funcional
quando redimensionada para até 200%. Assim,
é preciso garantir que, quando a página for
30 1 0
redimensionada, não ocorram sobreposições de
texto nem o aparecimento de uma barra
horizontal.

Erros WCAG de Prioridade 1

Diretriz Descrição Ocorrências Linhas

Avisos WCAG de Prioridade 1

Diretriz Descrição Ocorrências Linhas