ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Bacharelado em Sistemas de Informação
Aluno: Vinícius Almeida Maciel RibeiroOrientador: Welington Costa Monteiro
Sete Lagoas, 2013
INTRODUÇÃO• Cerca de 46 milhões de Brasileiros
possuem algum tipo de deficiência;
2ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Popularização da internet e de serviços Online;
• Cumprimento das leis de acessibilidade.
Leis• 5.296 (dez/04)• 6.949 (ago/09)
OBJETIVO
Este trabalho tem como objetivo geral propor uma reformulação na página inicial do portal
da prefeitura municipal de Caetanópolis, baseado nos padrões W3C para correção de
falhas relacionadas à acessibilidade.
3ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
METODOLOGIA
Avaliação de Acessibilidade.
4ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Uso de tags HTML5.
METODOLOGIA
5ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Desenvolvimento a partir de padrões de acessibilidade;
• Correção de Erros Prioridade 1.
RESULTADOS E DISCUSSÃO
6ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Layout atual do portal.
RESULTADOS E DISCUSSÃO
7ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Melhorias e modificações estruturais.
Barra de acessibilidade.
RESULTADOS E DISCUSSÃO
8ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Melhorias e modificações estruturais.
Novo cabeçalho da página.
RESULTADOS E DISCUSSÃO
9ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
} Novo menu lateral. Unificado e
organizado por seções.
RESULTADOS E DISCUSSÃO
10ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
}Nova seção de notícias.
RESULTADOS E DISCUSSÃO
11ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Pesquisa em destaque na lateral e
informações de ouvidoria.
}
RESULTADOS E DISCUSSÃO
12ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Layout final do novo portal.
Layout com contraste alterado.
RESULTADOS E DISCUSSÃO
13ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Redução na codificação
050
100150200250300350400450
Código fonte an-terior
• Redução na quantidade de linhas de código.
-64,41 %
CONSIDERAÇÕES FINAIS
14ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Correções e melhorias na página inicial;
• Incentivo do W3C;
• Existência de diversos recursos para prover acessibilidade;
• Facilidade na criação de conteúdo acessível.
AGRADECIMENTOS
15
Obrigado a todos pela presença!
@vini_mRibeiro
www.transformandoaweb.com.br
}