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

4. METODOLOGIA
Avaliação de Acessibilidade.
Uso de tags HTML5.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
4

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

10. RESULTADOS E DISCUSSÃO
}
Nova seção de
notícias.
ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
10

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

15. AGRADECIMENTOS
}
Obrigado a todos
pela presença!
@vini_mRibeiro
vy_ribeiro@yahoo.com.br
www.transformandoaweb.com.br
15