Acessibilidade
Acessibilidade e eMAG no portal
O que o portal oferece
Painel de acessibilidade
O visitante liga o alto contraste, aumenta o texto, abre espaço entre linhas e letras, usa uma fonte de leitura facilitada, destaca os links e reduz as animações. As escolhas ficam guardadas no navegador.
Atalhos do eMAG
O primeiro Tab leva ao link "Ir para o conteúdo". Há atalhos para o conteúdo, o menu, a busca e o rodapé, e uma página que explica cada um.
VLibras
O tradutor de Libras do governo federal está no portal. Ele é carregado do serviço de origem e precisa de internet.
Texto alternativo obrigatório
Imagens de notícias, galerias e banners pedem texto alternativo. O painel recusa o campo vazio e a publicação é barrada quando algo escapa.
Funciona sem JavaScript onde importa
Os filtros de listas, a busca e os formulários de pedido e de voto funcionam sem JavaScript. Só a verificação antirrobô precisa dele.
Ver a página de acessibilidade do demo, com dados fictícios (abre outro site, dados fictícios)
O que já foi verificado
- O axe, ferramenta automática de acessibilidade, foi rodado em 390 e 1280 px nas páginas dos demos e nas telas do painel de cada módulo, sem violações.
- A conferência local do eMAG, feita por um script próprio que olha o que o avaliador automático também olha, não encontrou erro em 15 páginas do demo do serviço de água.
- O alto contraste e o texto a 200% também passaram no axe.
- O demo do serviço de água foi testado em Chromium e Firefox, com o mesmo resultado.
O que ainda falta
- A nota do ASES ainda não foi medida. A medição exige que uma pessoa resolva uma verificação do próprio ASES, por isso esta página não cita nota nenhuma.
- O teste com leitor de tela, feito por uma pessoa, também continua pendente.
- O que o script e o axe verificam é parte da acessibilidade. Eles não substituem o teste com pessoas.
Perguntas que o gestor costuma fazer
- O que o eMAG exige?
- O eMAG é o modelo de acessibilidade do governo federal para sites públicos. Ele pede, por exemplo, os atalhos de teclado, o link para pular ao conteúdo, a estrutura correta de títulos, o texto alternativo e o contraste das cores.
- O que está verificado e como comprovar?
- O axe e a conferência local do eMAG foram rodados nos demos. Qualquer pessoa pode abrir os demos e repetir a verificação no ASES ou em outra ferramenta.
- Como ficam as imagens?
- Toda imagem tem texto alternativo antes de ser publicada. O painel recusa o campo vazio ou parecido com nome de arquivo.
Para ler com mais calma
Os artigos abaixo estão no site da ActualTech e explicam o tema sem falar do produto.
Veja o Ágora de perto
Agende uma demonstração remota com a nossa equipe, sem compromisso.
Ágora Gestão Pública, uma linha ActualTech.