Development of structural applications using web based technologies
Acessibilidade com html5 tcc
1. Bacharelado em Sistemas de Informação
ACESSIBILIDADE COM HTML5:
CONSTRUINDO APLICAÇÕES WEB
PARA TODOS
Aluno: Vinícius Almeida Maciel Ribeiro
Orientador: Welington Costa Monteiro
Sete Lagoas, 2013
2. INTRODUÇÃO
• Cerca de 46 milhões de Brasileiros possuem
algum tipo de deficiência;
• Popularização da internet e de serviços Online;
• Cumprimento das leis de
acessibilidade.
Leis
• 5.296 (dez/04)
• 6.949 (ago/09)
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
2
3. 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.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
3
5. METODOLOGIA
• Desenvolvimento a partir de padrões de
acessibilidade;
• Correção de Erros Prioridade 1.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
5
6. RESULTADOS E DISCUSSÃO
• Layout atual do portal.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
6
7. RESULTADOS E DISCUSSÃO
• Melhorias e modificações estruturais.
Barra de acessibilidade.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
7
8. RESULTADOS E DISCUSSÃO
• Melhorias e modificações estruturais.
Novo cabeçalho da página.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
8
9. RESULTADOS E DISCUSSÃO
}
Novo menu lateral.
Unificado e organizado
por seções.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
9
11. RESULTADOS E DISCUSSÃO
}
Pesquisa em destaque na
lateral e informações de
ouvidoria.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
11
12. RESULTADOS E DISCUSSÃO
Layout final do
novo portal.
Layout com contraste alterado.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
12
13. RESULTADOS E DISCUSSÃO
• Redução na quantidade de linhas de código.
-64,41 %
500
400
Código fonte anterior
Nova codificação
300
200
100
0
Redução na codificação
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
13
14. CONSIDERAÇÕES FINAIS
• 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.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
14