Download - Acessibilidade com html5 tcc
![Page 1: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/1.jpg)
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
![Page 2: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/2.jpg)
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)
![Page 3: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/3.jpg)
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
![Page 4: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/4.jpg)
METODOLOGIA
Avaliação de Acessibilidade.
4ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Uso de tags HTML5.
![Page 5: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/5.jpg)
METODOLOGIA
5ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Desenvolvimento a partir de padrões de acessibilidade;
• Correção de Erros Prioridade 1.
![Page 6: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/6.jpg)
RESULTADOS E DISCUSSÃO
6ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Layout atual do portal.
![Page 7: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/7.jpg)
RESULTADOS E DISCUSSÃO
7ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Melhorias e modificações estruturais.
Barra de acessibilidade.
![Page 8: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/8.jpg)
RESULTADOS E DISCUSSÃO
8ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
• Melhorias e modificações estruturais.
Novo cabeçalho da página.
![Page 9: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/9.jpg)
RESULTADOS E DISCUSSÃO
9ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
} Novo menu lateral. Unificado e
organizado por seções.
![Page 10: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/10.jpg)
RESULTADOS E DISCUSSÃO
10ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
}Nova seção de notícias.
![Page 11: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/11.jpg)
RESULTADOS E DISCUSSÃO
11ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Pesquisa em destaque na lateral e
informações de ouvidoria.
}
![Page 12: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/12.jpg)
RESULTADOS E DISCUSSÃO
12ACESSIBILIDADE COM HTML5: CONSTRUINDO APLICAÇÕES WEB PARA TODOS
Layout final do novo portal.
Layout com contraste alterado.
![Page 13: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/13.jpg)
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 %
![Page 14: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/14.jpg)
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.
![Page 15: Acessibilidade com html5 tcc](https://reader035.vdocuments.net/reader035/viewer/2022062419/558fc2d51a28abd2668b4787/html5/thumbnails/15.jpg)
AGRADECIMENTOS
15
Obrigado a todos pela presença!
@vini_mRibeiro
www.transformandoaweb.com.br
}